@charset "UTF-8";


/* ---------------------------------------------------------
	レイアウト
--------------------------------------------------------- */
/* 大枠 */
#common_container {
/* 画面の幅を制御するにはこの値を変更
   ＜固定幅 630px+320px=950px＞
    width:950px;
   ＜伸縮幅、横マージン 5px＞
    margin:0 5px;
    width:100%;
*/
}

/* コンテンツ外枠 */
#common_main {
    /*padding:5px;*/
}
#Box{
	font-size:small;
}

#mainBox{
	width:930px;
	margin:0 auto;
/*	float:left;
	width:630px;*/
}
/*
#rightBox{
	float:right;
	width:300px;
}*/



/* ---------------------------------------------------------
	基本
--------------------------------------------------------- */
/* 基本タグ */
h2 {
	font-size:110%;
}
h3 {
    font-size:105%;
    margin-bottom:5px;
}
h4 {
    font-size:small;
}
ol {
    margin-left:30px;
}
#Box strong{
	color:#F60;
	font-size:105%;
	font-weight:bold;
	text-decoration:underline;
}

/* 文字拡縮 */
#font-slider {
    width:50%;
    padding:0 25px;
}
#font-slider #ui-slider {
}

/* 写真窓 */
.img_r{
	float:right;
	margin-left:10px;
}
.img_l{
	float:left;
	margin-right:10px;
}

.img_box {
    border:1px solid #b8c0c8;
    text-align:center;
    padding:5px;
}
.img_box img {
    margin:5px;
}
.img_box .caption {
    text-align:left;
    font-size:80%;
}

/*----------------------------------------------------------------------
	パンくず
----------------------------------------------------------------------*/
div.bread-crumbs {
	margin:0 auto;
	padding:5px;
	width:930px;
}
div.bread-crumbs a:link { color: #000; text-decoration: none;}
div.bread-crumbs a:visited { color: #000; text-decoration: none;}
div.bread-crumbs a:hover { color: #00f; text-decoration: underline;}
div.bread-crumbs a:active { color: #00f; text-decoration: underline;}


/* ---------------------------------------------------------
	タイトル
--------------------------------------------------------- */
#title{
	width:950px;
	height:200px;
	margin-bottom:1em;
}
#title h2{
}

/* ---------------------------------------------------------
	メイン
--------------------------------------------------------- */
#mainBox h3{
	clear:both;
	height:40px;
	margin-bottom:10px;
	padding-left:30px;
	line-height:40px;
	background:url(img/bg_h3.gif) no-repeat 0 0;
}


/* ---------------------------------------------------------
	サイド
--------------------------------------------------------- */
#rightBox h3{
	clear:both;
	height:30px;
	margin-bottom:10px;
	padding-left:30px;
	font-size:100%;
	line-height:30px;
}

/*	QRコード
---------------------------*/
#rightBox .qr{
	margin-bottom:20px;
	padding-bottom:10px;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS PGothic", sans-serif;
	line-height:1.2;
	border:2px solid #F60;
}
.qr h4{
	padding:5px;
	color:#FFF;
	font-size:108%;
	text-align:center;
	background:#F60;
}
.qr p{
	padding:10px 10px 0 10px;
}


/* ---------------------------------------------------------
	共通
--------------------------------------------------------- */
#mainBox p{
	margin:0;
	line-height:1.7;
}
#Box ul{
	list-style:none;
}
#Box ul li{
	display:inline;
	padding:0 10px 0 20px;
	list-style:none;
	background: url(img/ya.gif) no-repeat left center;
}
#Box ul li.li_top{
	padding:0 10px 0 0;
	background:none;
}
#Box table{
	border:2px solid #ccc;
	border-collapse:collapse;
}
#Box th{
	padding:5px;
	font-size:105%;
	text-align:center;
	vertical-align:middle;
	background-color:#FFC;
	border:1px solid #ccc;
}
#Box td{
	padding:5px 10px;
	line-height:1.5;
	vertical-align:middle;
	border:1px solid #ccc;
}
#Box .mb10{
	margin-bottom:10px;
}
#Box .mt015{
	margin-top:1.5em;
}




.link{
	color:#00F;
	text-decoration:underline;
}



/* サイト概要 */
#sample{
	margin:0 0 30px 10px;
}
.sample01{
	float:left;
	width:330px;
}
.sample02{
	float:left;
	width:580px;
}
#sample .sample02 p{
	margin:0;
	padding:5px 5px 10px 5px;
	line-height:1.5;
}
#sample .sample02 h4{
	height:24px;
	padding-left:10px;
	color:#FFF;
	line-height:24px;
	background:url(img/h4_2.gif) no-repeat left top;
}


/* メール機能 */
#gogai{
	float:left;
	width:290px;
	margin-bottom:30px;
	padding:0 10px;
}
#teiji{
	float:left;
	width:290px;
	margin-bottom:30px;
	padding:0 10px;
}
#yakyu{
	float:left;
	width:290px;
	margin-bottom:30px;
	padding-left:10px;
}
#gogai h5,
#teiji h5,
#yakyu h5{
	margin-bottom:5px;
}
#gogai p,
#teiji p,
#yakyu p{
	height:60px;
	margin:0;
	padding:0 5px;
	line-height:1.5;
}
dl.keitai{
	width:246px;
	height:480px;
	margin:0 auto;
	padding:70px 22px 0 22px;
	font-size:13px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	background: url(img/sumaho.jpg) no-repeat 0 0;
}
dl.keitai dt{
	padding:5px;
	line-height:1.4;
	border-bottom:1px solid #CCC;
}
dl.keitai dd{
	padding:5px;
	line-height:1.4;
}

/* ガラケーサイト */
#mobile{
	position: relative;
	width:580px;
	margin:0 auto 30px auto;
	padding:0px 170px 40px 160px;
	/*background:url(img/mobile_bg2.gif) no-repeat 0 0;*/
	background: #498EE3 url(img/keitai.png) left bottom no-repeat;

}
#mobile h3{
	height:100px;
	line-height:120px;
	text-indent:-9999px;
}

#mobile table{
	background: #fff;
}

#mobile .n_100{
	position: absolute;
	top: 20px;
	right: 20px;
}

#mobile .qr{
	position: absolute;
	top: 100px;
	right: 0;
}


/* 携帯サイト紹介 */
.mb_list dl {
	float: left;
	margin-right: 16px;
}

.mb_list dl dd {
	background: url(img/arrow.gif) left center no-repeat;
	padding-left: 15px;
	margin-top: 5px;
}

.mt10 {margin-top: 10px;}




/* CLEARFIX */
.clearfix:after{
	content:",";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{ display:inline-block;}
/* Hide MAC IE \*/
* html .clearfix{ height:1%;}
.clearfix{ display:block;}
/* */