@charset "utf-8";

/* *********************************************************************************************************/
/* タグ初期化
/* *********************************************************************************************************/

html,body,p,h1,h2,h3,h4,h5,h6,dl,dd,dt,ul,li,ol,div,table,td,th,form { color:#777777; margin:0; padding:0; font-family:"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro", "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"ＭＳ Ｐゴシック","MS P Gothic"; font-weight:normal; }
img,a img { border:none; }
ul { list-style-type:none; }
body { font-size:13px; background-color: #FFFFFF; }
a { color:#006699; }
a:hover { text-decoration:none; }

/* *********************************************************************************************************/
/* 基本構造
/* *********************************************************************************************************/
#back{ width:900px; margin:0 auto;  background-image:url(../img/bg_body.jpg); background-position:center; background-repeat:repeat-y; }
#container { width:800px; margin:0 auto; padding-top:15px; padding-bottom:4px; background:url(../img/bg_header.jpg) top left repeat-x; }
#header { width:750px; margin:0 25px 10px 25px;  }
#header p{ font-size:10px; line-height:1.2em; text-align:right; }
#header p img.tel{ margin-bottom: 6px; }
#gnaviOuter { width:800px; background:url(../img/gnavi_bg.gif) top left repeat-x; }
#globalnavigation { width:750px; margin:0 25px; }
#globalnavigation li { float:left; }
#contents{ width:750px; margin:0 25px; clear:both ; padding-top:18px; }
.main{ width:555px; float: left; margin-bottom:10px; }
#rightside { width:170px; float: right;  }
#sidenavigation { width:170px; }
#sidenavigation li { margin-bottom:7px;}
#sidenavigation02 { width:170px; }
#sidenavigation02 li { margin-bottom:7px; font-size:11px; background: url(../img/icon.gif) left center no-repeat; padding-left:10px;  }
#sidenavigation02 li a { color:#777777; text-decoration:none;}
#sidenavigation02 li a:hover { text-decoration:underline; }
#accessbox{ background-image:url(../img/accessbox_02.gif); background-repeat:repeat-y; margin-bottom:10px;}
#accessbox p{ color:#555555; font-size:11px; line-height:1.2em; margin:12px;}
#accessbox p.border{  border-bottom: solid 1px #999999; padding-bottom:6px; }
#accessbox .access_qr { margin-left: 5px; }
#accessbox .blue_bold{ color:#0066B6; font-size:14px; }
#footer { width:800px; clear: both; }
#footer img.totop{ margin-left:480px; margin-bottom:10px;}
#footer p{ font-size:10px; padding: 6px 25px 0 25px; text-align:center; border-top:solid 1px #CCCCCC; }

/* *********************************************************************************************************/
/* 共通
/* *********************************************************************************************************/

#pan{ color:#777777; margin-bottom:6px;}
#pan a{ color:#777777; text-decoration:none;}
#pan a:hover{ text-decoration: underline;}
#pan span{ color:#0066B6;}
.h1title{ margin-bottom: 40px;}
.text_11{ font-size: 11px; line-height:1.6em; margin-bottom:1em; }
.text_13{ font-size: 13px; line-height:1.6em; margin-bottom:1em; }
.text_14{ font-size: 14px; line-height:1.8em; margin-bottom:1em; }
.text_16{ font-size: 16px; line-height:1.8em; margin-bottom:1em; }
.list_square{ font-size: 13px; line-height:1.4em; list-style-position:outside; list-style-image:url(../img/li_square.gif); margin-bottom:24px;}
.list_square li{ margin-left: 20px;}
.block{ padding:0 20px 28px 20px; margin-bottom:20px; }
.block_grd{
	padding: 0 20px 28px 20px;
	margin-bottom: 20px;
	background-position: bottom;
	background-repeat: no-repeat;
}
.block_deco{ margin-bottom:30px; background-position:center; background-repeat:repeat-y;}
.block_deco h2{ color:#A48B77; font-size:20px; line-height:1.2em; text-align:center; padding:40px 48px 0 48px; background-position: top; background-repeat: no-repeat; }
.block_deco div{ margin:24px 48px; }
.img_left{ float: left; margin-right: 20px; margin-bottom: 20px;}
.img_right{ float: right; margin-right: 20px; margin-bottom: 20px;}
.textbox_left{ float:left; }
.textbox_right{ float:right; }
br.clear { clear:both; height:0; font-size:0; line-height:0; visibility:hidden; display:block; content:".";  }
.block_center {text-align: center;padding-bottom: 20px;}
.text_red20 {font-size: 20px;color: #E60033;}
.text_gy17 {font-size: 18px;color: #777777;}
.text_br16{ font-size: 16px;color:#A48B77; }
.new a{ color:#A48B77;}
.blue_bold16{ color:#0066B6; font-size:16px; font-weight:bold; margin:5px 0; }

.marginB10 {margin-bottom:10px; }
.marginB20 {margin-bottom:20px; }
.marginB30 {margin-bottom:30px; }

.alignL {text-align:left; }
.alignR {text-align:right; }
.alignC {text-align:center }


/* *********************************************************************************************************/
/* CSSハック
/* *********************************************************************************************************/
/* ie6用 */
* html * { font-family:"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","メイリオ",Meiryo,sans-serif;}
/* ie7用 */
*:first-child+html * {font-family:"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","メイリオ",Meiryo,sans-serif; letter-spacing: 0; /* hasLayout問題の解消 */}
/* ie6用 */
* html div.block_deco h2{ font-weight:bold;}
/* ie7用 */
*:first-child+html div.block_deco h2{ font-weight:bold;}