@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;
	background:url(../images/bgPink.gif) center top repeat-x;
}

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}
.mr5{margin-right:5px;}
.mr15{margin-right:15px;}
.ml5{margin-left:5px;}

.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: 850px; margin:0 auto; text-align:left; }

#header{height:70px; position:relative;}
#header h1{font-size:24px; color:#dd2b6e;}
#header h1 a{font-size:24px; color:#dd2b6e; text-decoration:underline;}
#header h1 a:hover{font-size:24px; color:#dd2b6e; text-decoration:none;}
#header #logo{position:absolute; font-size:11px; color:#fff; left:40px; bottom:10px;}

#navi{width:850px; height:300px; background:url(../images/bgMenu.gif);}
#navi ul{width:200px;}
#navi ul li {height:50px; background:url(../images/bgMenubtn.gif) bottom; text-align:center; line-height:50px; font-size:12px;}
#navi ul li a{display:block; width:200px; height:50px; color:#fff; background:url(../images/bgMenubtn.gif) top;}
#navi ul li a:hover{color:#fff; background:url(../images/bgMenubtn.gif) bottom;}

#content{width:850px; }
#content p{color:#666; font-size:12px; line-height:1.7em; margin-left:10px;}
#content p a{color:#666;}

#leftblock{float:left; width:555px; padding-top:30px; margin-bottom:30px;}

#news{width:545px; margin-left:10px; padding-top:15px; margin-bottom:45px;}
.nsList{width:100%; height:35px; line-height:35px; clear:left; margin-top:0;}
.nsList a{width:100%; height:35px; display:block; background:url(../images/line01.gif) bottom repeat-x; text-decoration:none;}
.nsList a:hover{width:100%; height:35px; display:block; background:url(../images/line01hover.gif) bottom repeat-x;}
.nsList .nsTxt01{float:left; width:95%; font-size:10px; color:#a4c700; font-weight:bold; padding-left:10px;}
.nsList .nsTxt02{float:left; font-size:12px; color:#666;}

.midashi01{ font-size:24px; color:#dd2b6e; font-weight:bold; margin-bottom:15px;}
.midashi02{ font-size:16px; color:#dd2b6e; font-weight:bold; margin-top:45px;}

#rightblock{float:right; width:250px; margin-right:10px; display:inline;}

#mobilearea{height:165px; background:url(../images/bgPink.gif) left top repeat-y; color:#666; margin-bottom:15px;}
.mTitle{font-size:14px; line-height:1em; padding:10px 0 25px 17px; font-weight:bold;}
.mBox{margin-left:17px; width:233px;}
.mBoxR{width:108px; float:left; }
.mBoxLogo{ text-align:center; padding-bottom:10px; border-bottom:1px dotted #666; margin-bottom:10px;}
.mBoxTxt{ font-size:10px; line-height:12px;}

#fnavi{height:26px; width:100%; background:url(../images/bgNavi.gif);}
#fnavi ul{float:right;}
#fnavi ul li {float:left; margin-right:30px; font-size:10px;}
#fnavi ul li a{color:#fff;}

#footer{clear:both;width:100%;height:140px; background:url(../images/bgPink.gif) top repeat-x; position:relative;}
#footer #fBoxTxt{position:absolute; width:700px; color:#666; font-size:12px; top:15px; left:10px;}
#footer #fBoxTxt a{color:#666;}
#footer #fBoxTxt a:hover{text-decoration:underline;}
#footer #fBoxLogo{position:absolute; right:10px; top:50px;}
#footer #fBoxC{position:absolute; bottom:5px; right:10px; color:#666; font-size:12px;}

