/* ------------------------------------------------------------------------------------------------------------
1. Normalize
-------------------------------------------------------------------------------------------------------------*/
html, body, div, a, 
h1, h2, h3, h4, h5, h6, 
p, blockquote, pre,img, 
ol, ul, li, dl, dt, dd, 
span, abbr, acronym, address, cite, code, del, dfn, em, ins, kbd, q, samp, strong, sub, sup, var, 
form, fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, 
applet, object, iframe, embed, 
tt,strike,s,small,font, big {
margin: 0;
padding: 0;
border:0;
outline: 0;
font-family: inherit;
background: transparent;
}
:focus {/* remember to define focus styles! */
outline: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
/* IE6に適用 -ここから- */
_font-size:1em;
/* IE6に適用 -ここまで- */
}
th {font-size: 100%; }

/* ************ Headings ************ */
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
background: transparent;
margin:0; padding:0;
}
h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {font-size: 120%;}
h4,
h5,
h6 {font-size: 100%;}
strong{ color:#000; }
dl, dt, dd {margin:0; padding:0; }

/* ************ Linkage ************ */
a, a:link, a:visited, a:active {
border: 0;
color:#00ACED;
text-decoration: none;
}
a:hover {
border: 0;
color:#C33;
text-decoration: none;
}
a:hover img {
border-bottom: none;
}

/* ********** Common stuff ********** */
address, cite {
font-style: normal;
}
hr{
border-bottom:1px solid #FFF;
border-top:1px solid #D7D7D7;
margin:0; padding:0; line-height:100%;
}

/* ************ Forms ************ */
form, input, select, textarea, 
button, text,submit { margin: 0; padding: 0; }



/* ------------------------------------------------------------------------------------------------------------
2. Global settings
-------------------------------------------------------------------------------------------------------------*/
body {
font: 13.5px/1.25 Meiryo, Verdana, Candara, sans-serif;
color:#666;
text-align:center;
margin:0; padding:0;
line-height:150%;
height: 100%;
background-color:#E6E7E7;
}
#wrapper {
background-color:#FFF;
width:100%;
}
/* ------------------------------------------------------------------------------------------------------------
3. Structure -- Header
-------------------------------------------------------------------------------------------------------------*/
#header	{
width:100%;
text-align:center;
border-bottom:solid #00ADEE 5px;
padding:20px 0 10px;
}
#header #hd{ 
width:950px;
margin:0 auto;
text-align:left;
}
#header #hd .flt_left{
width:345px;
}
#header #hd .flt_right{
width:422px;
margin-top:28px;
}
#header #hd .flt_right li{
list-style:none;
display:inline;
float:left;
margin-left:10px;
}
#header #logo_left{
float:left;
}
#header #logo_right{
float:right;
}
#header #hd h1{
margin-top:5px;
font-size:0.9em;
color:#00ADEE;
}

/* ------------------------------------------------------------------------------------------------------------
3. Structure -- Main
-------------------------------------------------------------------------------------------------------------*/
#main{
width:950px;
margin:0 auto; 
}
#contents{width:690px; float:left; text-align:left;}
#sidebar{width:230px; float:right; text-align:left; margin-top:15px; }

/* ------------------------------------------------------------------------------------------------------------
4. Structure -- Contents
-------------------------------------------------------------------------------------------------------------*/

/* ************ ページタイトル ************ */
h2#pgtitle{
background:url(../images/common/pgtitle_back.jpg) no-repeat 0 0;
height:70px;
text-indent:20px;
line-height:70px;
font-size:1.70em;
font-weight:bold;
color:#000;
text-align:left;
margin-top:15px;
}

/* ************ パンくずリスト ************ */
#pankuzu{ 
padding:10px 0 8px;
border-bottom:dotted 1px #dcdcdc;
margin-bottom:30px;
}
#pankuzu li{
font-size:0.85em;
float:left;
display:inline;
list-style:none;
line-height:100%;
}
#pankuzu a{
display:block;
background:url(../images/common/arw_pankuzu.gif) no-repeat right center;
padding-right:13px;margin-right:3px;
}

#ft_util{
clear:both;
width:950px;
margin:0 auto;
}
/* ************ ソーシャルボタン ************ */
#socialbut{
float:left;
width:690px;
border:0;padding:0;margin:0;
padding-top:20px
}
#socialbut div{float:left;border:0;padding:0 4px 0px 0;margin:0;height:21px;text-indent:0;}
#socialbut img{border:0;padding:0;margin:0;vertical-align:top;}

/* ************ ページトップ ************ */
.pgtop{
float:right;
width:230px;
border:0;padding:0;margin:0;
text-align:center;
}


/* ------------------------------------------------------------------------------------------------------------
5. Structure -- Sidebar
-------------------------------------------------------------------------------------------------------------*/
/* ************ グローバルナビゲーション ************ */
#sidebar h2{
display:block;
height:40px;
width:230px;
background:url(../images/common/sidenav.gif) no-repeat 0 0;
}
#sidebar h2 span{
visibility:hidden;
}
#sidenav li{ 
list-style:none;
}
#sidenav li a{ 
display:block; 
width:230px;
height:40px;
background-image:url(../images/common/sidenav.gif);
}
#sidenav li span{ visibility:hidden; }

#gn01 a{ background-position:0 -40px; }
#gn01 a:hover{ background-position:-230px -40px; }

#gn02 a{ background-position:0 -80px;}
#gn02 a:hover{ background-position:-230px -80px;}

#gn03 a{ background-position:0 -120px;}
#gn03 a:hover{ background-position:-230px -120px;}

#gn04 a{ background-position:0 -160px;}
#gn04 a:hover{ background-position:-230px -160px;}


/* ------------------------------------------------------------------------------------------------------------
6. Structure -- Footer
-------------------------------------------------------------------------------------------------------------*/
#footer	{
width:100%;
text-align:center;
padding:15px 0 20px;
background-color:#E6E7E7;
}
#ft_nav,#ft_address{
width:950px;
margin:0 auto;
text-align:left;
}

#ft_nav h2{
font-size:1.2em;
color:#000;
font-weight:bold;
margin-bottom:10px;
}
#ft_nav h2 span{
font-size:0.7em;
}
#ft_nav .nmsec{
float:left;
}
#ft_nav .nmsec{
width:385px;
}
#ft_nav .nvsec{
list-style:none;
margin-bottom:65px;
}

#ft_nav .nvsec li{
display:inline;
margin-left:10px;
line-height:100%;
padding-left:10px;
border-left:solid 1px #A6A8AB;
}
#ft_nav .nvsec li.last{
border-right:1px solid #A6A8AB;
padding-right:10px;
}

#ft_nav address{
text-align:right;
clear:both;
}

/* ------------------------------------------------------------------------------------------------------------
7. Useful Selector
-------------------------------------------------------------------------------------------------------------*/
/* ********** Clearfix ************ */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* ************ Useful *********** */
.clear { clear: both; }
.flt_left { float:left; }
.flt_right { float:right; }
.sp_t5{ margin-top:5px; }
.sp_b5{ margin-bottom:5px; }
.sp_r5{ margin-right:5px; }
.sp_l5{ margin-left:5px; }
.sp_t8{ margin-top:8px; }
.sp_b8{ margin-bottom:8px; }
.sp_r8{ margin-right:8px; }
.sp_l8{ margin-left:8px; }
.sp_t10{ margin-top:10px; }
.sp_b10{ margin-bottom:10px; }
.sp_r10{ margin-right:10px; }
.sp_l10{ margin-left:10px; }
.sp_t15{ margin-top:15px; }
.sp_b15{ margin-bottom:15px; }
.sp_r15{ margin-right:15px; }
.sp_l15{ margin-left:15px; }
.sp_t20{ margin-top:20px; }
.sp_b20{ margin-bottom:20px; }
.sp_r20{ margin-right:20px; }
.sp_l20{ margin-left:20px; }
.sp_t30{ margin-top:30px; }
.sp_b30{ margin-bottom:30px; }
.sp_r30{ margin-right:30px; }
.sp_l30{ margin-left:30px; }
.sp_t40{ margin-top:40px; }
.sp_b40{ margin-bottom:40px; }
.sp_r40{ margin-right:40px; }
.sp_l40{ margin-left:40px; }
.sp_t50{ margin-top:50px; }
.sp_b50{ margin-bottom:50px; }
.sp_r50{ margin-right:50px; }
.sp_l50{ margin-left:50px; }

.pad10{ padding:0 10px; }
.pad15{ padding:15px; }
.sentence{ line-height:150%; }
.small{ font-size:0.85em; }
.large{ font-size:1.1em; }
.center{ text-align:center; }
.tri a{ padding-left:9px; background:url(../images/common/tri.gif) no-repeat 0 7px; }
.ten_bot{ border-bottom:dotted 1px #999; padding-bottom:15px; margin-bottom:15px; line-height:100%; }
.tit_lb{ border-left:solid 5px #00A293; padding-left:7px; font-weight:bold; color:#000; font-size:1.15em; margin-bottom:5px; }
.pdf{ background:url(../images/common/pdf.gif) no-repeat right 0; padding-right:20px; }
.sankaku{ padding-left:8px; background:url(../images/common/ico_tri1.gif) no-repeat 0 5.5px; }
.atten{font-size:0.85em; line-height:120%; }
.red{ color:#F00; }
.txt-right{	text-align:right; }
.default{ 
margin-left:20px; line-height:160%;
/* IE6,7に適用 -ここから- */
*margin-left:25px;
/* IE6,7に適用 -ここまで- */
}
.ico{ vertical-align:middle; margin:0 5px; }
.graybox{ padding:10px; background-color:#EFEFEF; }
.border_bot{ padding-bottom:15px; margin-bottom:15px; border-bottom:solid 3px #EFEFEF; }

a:hover img.hov{
filter:alpha(opacity:60);
-moz-opacity:0.6;
opacity:0.6;
}

/* ************ ページ先頭ナビ ************ */
.headnav{
list-style:none;
margin-bottom:15px;
}
.headnav li{
display:inline;
float:left;
border-right:solid 1px #CCC;
vertical-align:middle;
padding: 0 10px;
}
.headnav li.first{
border-left:solid 1px #CCC;	
}

/* ************ キャッチコピー ************ */
h2.catch{
font-size:1.8em;
font-weight:bold;
color:#000;
margin-bottom:15px;
}
/* ************ タイトルバー ************ */
h3.bar{
width:690px;
height:40px;
line-height:45px;
clear:both;
background:url(../images/common/bar1.gif) no-repeat 0 0;
margin-bottom:10px;
font-weight:bold;
font-size:1.15em;
color:#000;
text-indent:30px;
}

h4.graybar{
padding:10px;
line-height:100%;
background-color:#EFEFEF;
font-weight:bold;
font-size:1.1em;
color:#000;
margin-bottom:10px;
}

/* ************ タイトルバー（ナビゲーションあり） ************ */
.bar_nav{
width:680px;
height:37px;
background:url(../images/common/bar_nav.gif) no-repeat 0 0;
margin-bottom:15px;
}
.bar_nav h3{
float:left;
font-weight:bold;
color:#000;
font-size:1.15em;
margin:10px 0 0 30px;
}
.bar_nav p{
float:right;
display:block;
width:45px;
height:15px;
margin-right:13px;
margin-top:11px;
}
.bar_nav p a span{ visibility:hidden; }

/* ************ タイトル（左に緑線あり） ************ */
.sqtit{
border-left:solid 5px #00A293;
padding-left:7px;
font-size:1.0em;
font-weight:bold;
color:#000;
margin-bottom:10px;
}
/* ************ サブキャッチ（緑色） ************ */
h4.subcatch{
font-size:1.2em;
font-weight:bold;
color:#00A293;
margin-bottom:10px;
}

/* ************ 点線リスト（改行なし） ************ */
.info_list li{ 
list-style:none;
margin:0 0 10px 0;
padding:0 0 5px 0;
border-bottom:dotted 1px #CCC;
}
.info_list li span.date{ margin-right:20px; }
.info_list li img{ margin-right:5px; }

/* ************ 開閉ボックスボタン ************ */
.opcl{ 
margin-top:5px;
cursor:pointer;

}
.opcl img{
margin:0 5px 0 0;
vertical-align:middle;
}