@charset "shift-jis";

/* ==============================
default */

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
margin:0;
padding:0;
vertical-align: baseline;
}

h1,h2,h3,h4,h5,h6 {
font-style: normal;
font-size: 1.0em;
}
 
table {border-spacing:0;}
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
caption,th {text-align:left;}
table,th,td,img {border:0;}
img,input {vertical-align:middle;}
q:before,q:after {content:'';}
ul {list-style: none;}


/* ==============================
common */

body{
	line-height: 1.5em;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",meiryo,Osaka,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
	text-align:center;
}

a{color:#1f9091; text-decoration:none}
a:hover{color:#033; text-decoration:none}
a:hover img {-moz-opacity:0.9;opacity:0.9;filter:alpha(opacity=90); border:none;}
a.noblink:hover img {-moz-opacity:1.00;opacity:1.00;filter:alpha(opacity=100);}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearfix{zoom:1;}

.fltl{float:left}
.fltr{float:right}

.mt5{margin-top:5px;}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb30{margin-bottom:30px}
.mr5{margin-right:5px;}
.mr15{margin-right:15px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}

.mcntr{margin:0 auto}
.tcntr{text-align:center}
 
.pt5{padding-top:5px;}
.pt8{padding-top:8px;}
.pt10{padding-top:10px;}
.pb5{padding-bottom:5px;}

.w654{width:654px;}

.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}

.fred{color:#cc0033;}
.fgreen{color:#2d9798; display:block; margin-bottom:8px;}
.fnarrow{letter-spacing:-0.1em}

.vasub{vertical-align:sub;}
.vaspr{vertical-align:super; font-size:small;}


/* ==============================
layout */

#container{ width: 900px; margin:0 auto; text-align:left; }

#header{ width:100%; background:url(../images/bgHeader.jpg) center top no-repeat; height:180px;}
#hBox{ width:900px; margin:0 auto; position:relative; height:380px;}
#hBox h1{font-size:36px;}
#hBox h1 a{text-decoration:none; color:#146ca0;}
#hBox h1 a:hover{text-decoration:underline; color:#146ca0;}
#hBox #desc{ position:absolute; font-size:12px; color:#146ca0; font-weight:bold; left:92px; top:90px;}
#hBox #globalnavi{ position:absolute; bottom:0; left:0; height:80px; width:900px; background:url(../images/blueblock.gif) top repeat-x;}
#globalnavi ul{ padding-top:16px;}
#globalnavi ul li { float:left; width:149px; height:20px; border-right:1px solid #146ca0; font-size:12px; line-height:20px; text-align:center; font-weight:bold;}
#globalnavi ul li.gEnd { width:150px; border-right:none;}
#globalnavi ul li a{ width:149px; height:20px; display:block; color:#146ca0;}
#globalnavi ul li a:hover{ width:149px; height:20px; display:block; color:#146ca0; background-color:#eff}
#hBox #breadcrumb{ position:absolute; bottom:0; left:0; color:#666; width:890px; font-size:10px; text-align:right; padding-right:10px;}

#content{width:900px; position:relative;}
#content p{color:#666; font-size:12px; line-height:1.7em;}
#content p a{color:#666;}
#content h2{ margin-bottom:10px; color:#3bbbe3; font-size:18px; margin-top:15px;}


#rightblock{float:right; width:690px; margin-bottom:100px;}

#news{width:690px; margin-bottom:50px;}
#news h3{ font-size:12px; background-color:#1b71a3; padding:3px 8px; color:#fff; margin-bottom:10px;}
.nsList{width:670px; margin-left:10px; height:30px; line-height:30px; margin-top:0; display:block; text-decoration:none;}
.nsList .nsTxt01{float:left; width:96px; font-size:10px; color:#3bbbe3; font-weight:bold; padding-left:10px; width:670px;}
.nsList .nsTxt01 a{color:#3bbbe3; font-weight:bold; text-decoration:none;}
.nsList .nsTxt01 a:hover{color:#3bbbe3; font-weight:bold; text-decoration:underline;}
.nsList .nsTxt02{float:left; font-size:12px; color:#666; width:670px;}
.nsList .nsTxt02 a{color:#666; text-decoration:underline;}
.nsEnd{width:670px; margin-left:10px; text-align:right; font-size:10px; padding-top:5px;}
.nsEnd a{color:#3bbbe3;}

.column{width:670px; margin:0 0 50px 10px;}
.column h2{margin-bottom:5px;}
.column p{ padding-top:10px;}

.detail{ padding-top:15px}

#leftblock{float:left; width:203px;}

#info{ width:200px; height:325px; background:url(../images/bgInfo.jpg); margin-bottom:57px; position:relative;}
#info h3{ width:180px; margin:0 auto; text-align:center; text-decoration:underline; color:#fff; font-size:14px; padding-top:17px; letter-spacing:1px; margin-bottom:26px;}
#info .iBlock1{ width:160px; position:absolute; top:55px; left:20px; text-align:left; font-size:12px; line-height:1.8em; font-weight:bold;}
#info .iBlock2{ width:150px; position:absolute; top:115px; left:30px; text-align:left; font-size:12px; line-height:1.6em; color:#fff}
#info .iBlock3{ width:160px; position:absolute; top:253px; left:20px; text-align:left; font-size:10px; line-height:1em; font-weight:bold; color:#f8b80c}
#info .iBlock4{ width:175px; height:42px; position:absolute; bottom:10px; left:12px;}

#mobile{background:url(../images/blueblock.gif) top repeat-x; padding-top:8px; margin-bottom:45px;}
#mobile h3{color:#146ca0; font-size:14px; font-weight:bold; margin-bottom:20px;}
.qr{text-align:center; margin-bottom:20px;}
#mobile p{ font-size:12px; line-height:1.4em; letter-spacing:-0.1em}

#footer{clear:both;width:100%;height:150px; background:url(../images/bgFooter.jpg) top repeat-x; position:relative;}
#footer #fBox{ width:900px; height:150px; margin:0 auto; position:relative; background:url(../images/blueblock.gif) top repeat-x;}
#fBox #fbNavi{ position:absolute; top:0; left:0; height:25px; width:900px; font-size:10px; font-weight:bold; padding-top:8px;}
#fBox #fbNavi ul{float:right;}
#fBox #fbNavi ul li {float:left; margin-right:25px; line-height:25px;}
#fBox #fbNavi ul li.fbEnd {margin-right:7px;}
#fBox #fbNavi ul li a{color:#1c71a4;}
#fBox #fbNavi ul li a:hover{color:#1c71a4; text-decoration:underline}
#fBox #fbTxt{ position:absolute; font-size:10px; color:#1c71a4; right:50px; top:72px; line-height:1em; font-weight:bold;}
#fBox #fbCopyright{ position:absolute; font-size:10px; color:#666; right:13px; bottom:8px; line-height:1em;}
#fBox #fbLogo{position:absolute; right:7px; bottom:13px;}
#fBox #fbAD{position:absolute; bottom:5px; left:10px; color:#1c71a4; font-size:12px;}
