@charset "UTF-8";

/* CSSハック　last update: 2010.7.9

◎IE8はハックしない

◎IE7用
*:first-child+html セレクタ {}

◎IE6用
*html セレクタ {}

◎safari & firefox用 & Chrome
body:first-of-type セレクタ {}

*/

/* デフォルトスタイルリセット 
--------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }/* 基本
--------------------------------------------------------------- */
body {
font-size:75%;
color: #333;
background-color: #fff;
line-height: 1.5em;
/*font-family: "MS PGothic", "Osaka", Arial, sans-serif;*/
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-text-size-adjust: 100%;
background: #dcfcf3 url("../images/bg.png") repeat-x 0 0;
}/* フォントサイズ
--------------------------------------------------------------- */
.f8 { font-size: 0.66em; }
.f10 { font-size: 0.82em; }
.f12 { font-size: 1em; }
.f14 { font-size: 1.16em; }
.f16 { font-size: 1.33em; }
.f18 { font-size: 1.49em; }
.f21 { font-size: 1.74em; }
.f24 { font-size: 2em; }
.f28 { font-size: 2.33em; }
.f32 { font-size: 2.66em; }/* フォントスタイル
--------------------------------------------------------------- */
.f10, .f12, .f14, .f16, .f18, .f21, .f24, .f28, .f32 {
line-height: 1.5em;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.bold { font-weight: bold; }
.red { color: #e00; }
.green { color: #008c7a; }
.white { color: #fff; }
.violet { color:#a22e88; }
.t-left{ text-align:left;}
.t-center{ text-align:center;}
.t-right{ text-align:right;}
.strong-or{background:#F60; color:#fff; padding:2px; margin-right:0.8em; }
.strong-gn{background:#23ac38; color:#fff; padding:2px; margin-right:0.8em; }

/* リンクスタイル
--------------------------------------------------------------- */
a:link { color: #2344be; text-decoration: none; }
a:visited { color: #2344be; text-decoration: none; }
a:hover { color: #c00; text-decoration: underline; }
a:active { color: #e60011; text-decoration: none; }a.vl{
background: url("../images/arrow.png") no-repeat 0 -195px;
padding-left:17px;
}
* html a.vl{ background-position: 0 -198px; }
body:first-of-type a.vl{ background-position: 0 -198px; }

a.lb{
background: url("../images/arrow.png") no-repeat 0 -295px;
padding-left:17px;
}
* html a.lb{ background-position: 0 -298px; }
body:first-of-type a.lb{ background-position: 0 -298px; }a.bl{
background: url("../images/arrow.png") no-repeat 0 -395px;
padding-left:17px;
}
* html a.bl{ background-position: 0 -398px; }
body:first-of-type a.bl{ background-position: 0 -398px; }/*リンク白文字*/
a.white:link, a.white:visited  { color: #fff; }
/*リンク赤紫文字*/
a.violet:link, a.violet:visited  { color: #963379; }/* clearfix
--------------------------------------------------------------- */
.cf:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.cf { display: inline-block; }
* html .cf { height: 1%; }
.cf { display: block; }
/* Layout BOX 
--------------------------------------------------------------- */
div#warpper{
margin:0 auto;
width:950px;
}

div.bx{
clear:both;
}

/* header 
--------------------------------------------------------------- */
#header {
background: #dcfcf3 url("../images/hd_bg.png") no-repeat 0 0;
height:70px;
width: 950px;
}

h1#logo{
display:block;
width:150px;
float:left;
text-indent:-9999px;
overflow:hidden;
}
h1#logo a{
display:block;
height:70px;
}
p#cap{
display:block;
width:200px;
height:70px;
float:left;
text-indent:-9999px;
overflow:hidden;
margin:0;
}

ul#hd-link{
display:block;
width:550px;
float:right;
padding:32px 15px 0 0;	
}
ul#hd-link li{
display:block;
float:right;
padding-left:5px;
}

#hd-link a{
color: #963379;
display:block;
background: url("../images/arrow.png") no-repeat 0 -195px;
padding-left:17px;
}/* グローバルナビゲーション	 
--------------------------------------------------------------- */
#navi {
clear:both;
height:28px;
}
#navi li{
text-indent:-9999px;
overflow:hidden;
display:block;
height:28px;
float:left;
}
#navi li a{
display:block;
width:93px;
height:28px;
}
#navi li a.n1, #navi li a.n2, #navi li a.n3, #navi li a.n4, #navi li a.n5, #navi li a.n6, #navi li a.n7, 
#navi li a.n1-on, #navi li a.n2-on, #navi li a.n3-on, #navi li a.n4-on, #navi li a.n5-on, #navi li a.n6-on, #navi li a.n7-on {
background: url("../images/navi201104.png") no-repeat 0 0;
}
#navi li a.n2{
background-position:-93px 0;
width:147px;
}
#navi li a.n3{
background-position:-240px 0;
width:172px;
}
#navi li a.n4{
background-position:-412px 0;
width:125px;
}
#navi li a.n5{
background-position:-537px 0;
width:144px;
}
#navi li a.n6{
background-position:-681px 0;
width:135px;
}
#navi li a.n7{
background-position:-816px 0;
width:134px;
}

#navi li a.n1:hover, #navi li a.n1-on {
background-position:0 -28px;
}
#navi li a.n2:hover, #navi li a.n2-on {
background-position:-93px -28px;
width:147px;
}
#navi li a.n3:hover, #navi li a.n3-on {
background-position:-240px -28px;
width:172px;
}
#navi li a.n4:hover, #navi li a.n4-on {
background-position:-412px -28px;
width:125px;
}
#navi li a.n5:hover, #navi li a.n5-on {
background-position:-537px -28px;
width:144px;
}
#navi li a.n6:hover, #navi li a.n6-on {
background-position:-681px -28px;
width:135px;
}
#navi li a.n7:hover, #navi li a.n7-on {
background-position:-816px -28px;
width:134px;
}


/* コンテンツエリア 
--------------------------------------------------------------- */
#contents {
clear:both;
background-color: #fff;
padding:0 15px;
}

/* ぱんくずリスト 
--------------------------------------------------------------- */
.plist{
padding:8px 0 5px 0;
}

/* ページカラム
--------------------------------------------------------------- */
.c-left{
float:left;
width: 220px;
margin-right:15px;
}
.c-right{
float:left;
width:685px;
}

/* 左カラム
--------------------------------------------------------------- */
.lc-navi{
border-top: 5px solid #34d3ac;
border-bottom: 5px solid #34d3ac;
padding:1px 0;
margin: 0 0 15px 0;
}
.lc-navi ul{
border-top: 1px solid #c0e1d7;
border-bottom: 1px solid #c0e1d7;
padding: 1px 0 1px 0;
}
.lc-navi ul li{
font-weight:bold;
margin-top:1px;
border-top:1px dotted #c0e1d7;
overflow:hidden;
}
* html .lc-navi ul li{
display: inline-block;
}
.lc-navi ul li.lc-end{
border-bottom:none;
}
.lc-navi ul li a{
color: #008c7a;
display:block;
background: #eafef9;
padding: 4px 0 2px 10px;
margin-top:1px;
}
.lc-navi ul li.lc-top, .lc-navi ul li.lc2,  .lc-navi ul li.lc3, .bt-none{
border-top:none;
}
.lc-navi ul li.lc2 a{
font-weight:normal;
padding: 4px 0 2px 21px;
background: #eafef9 url("../images/arrow.png") no-repeat 4px 9px;
}
.lc-navi ul li.lc3 a{
font-weight:normal;
padding: 4px 0 2px 31px;
background: #eafef9 url("../images/arrow.png") no-repeat 14px 9px;
}
.lc-navi ul li.lc2-on, .lc-navi ul li.lc-top-on {
border-top:none;
font-weight:normal;
}
.lc-navi ul li.lc2-on a,.lc-navi ul li.lc3-on a,.lc-navi ul li.lc2 a:hover,.lc-navi ul li.lc3 a:hover,.lc-navi ul li.lc2-on a:hover,.lc-navi ul li.lc3-on a:hover{
padding: 4px 0 2px 21px;
color: #fff;
font-weight:normal;
background: #00b0a0 url("../images/arrow.png") no-repeat 4px -91px;
}
.lc-navi ul li.lc3-on a,.lc-navi ul li.lc3 a:hover,.lc-navi ul li.lc3-on a:hover{
padding: 4px 0 2px 31px;
color: #fff;
font-weight:normal;
background: #00b0a0 url("../images/arrow.png") no-repeat 14px -91px;
}
.lc-navi ul li.lc3, .lc-navi ul li.lc3-on{
	border-top:none;
}

.lc-navi a:hover, .lc-navi ul li.lc-on a, .lc-navi ul li.lc-top-on a {
color: #fff;
font-weight:bold;
display:block;
background: #00b0a0;
padding: 4px 0 2px 10px;
text-decoration:none;
}
h2.checker{
display:block;
text-indent:-9999px;
overflow:hidden;
height:24px;
background: #00b0a0 url("../images/lc-menu201104.png") no-repeat 0 0;
}
h2.checker a{
display:block;
height:24px;
}
ul li.chk1, ul li.chk2, ul li.chk3{
text-indent:-9999px;
overflow:hidden;
display:block;
background: #00b0a0 url("../images/lc-menu201104.png") no-repeat 0 -24px;
}
ul li.chk2{
background-position: 0 -78px;
}
ul li.chk3{
background-position: 0 -131px;
}
ul li.chk1 a, ul li.chk2 a, ul li.chk3 a{
display:block;
height:54px;
}
ul li.chk2 a{
height:53px;	
}
ul.bnr{
margin-top:15px;	
}
ul.bnr li{
text-indent:-9999px;
overflow:hidden;
display:block;
background: #00b0a0 url("../images/lc-menu201104.png") no-repeat 0 -185px;
}
ul.bnr li.bnr1 a{
display:block;
height:59px;
}
.c-left ul.bnr li{
margin: 0 0 0 0;
}/* ページの上へ
--------------------------------------------------------------- */
.bx-pt{
clear:both;
padding:20px 0 15px 0;
}
a.pagetop{
display:block;
width:100px;
height:17px;
float:right;
text-indent:-9999px;
overflow:hidden;
background: url("../images/ptop.png") no-repeat 0 0;
}
a:hover.pagetop{
background-position:0 -17px;
}

/* footer 
--------------------------------------------------------------- */
#footer {
clear:both;
background: url("../images/ft_bg201104.png") repeat-x 0 0;
color:#fff;
padding:10px 15px 30px 15px;
margin-bottom:20px;
}

#kenpo a{
float:left;
display:block;
width:125px;
height:28px;
text-indent:-9999px;
overflow:hidden;
}
#ft-cp{
width:450px;
display:block;
float:left;
text-indent:-9999px;
overflow:hidden;
}
ul#ft-link{
display:block;
float:right;
width: 330px;
padding-top:2px;
}
ul#ft-link li{
display: block;
float:right;
padding-left:5px;	
}

#ft-link a{
display: block;
color: #963379;
background: url("../images/arrow.png") no-repeat 0 -195px;
padding-left:17px;
}
/* 印刷用
--------------------------------------------------------------- */
@media print{
/*
.c-left{
display:none;
}
*/
}