@charset "UTF-8";
/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{
margin:0;
padding:0;
text-align:center;
-webkit-text-size-adjust: none;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
margin:0;
padding:0;
color:#333;
font-style:normal;
font:12px/140% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック",  Osaka, sans-serif}

table{
border-collapse:collapse;
border-spacing:0}

textarea,input{margin:0;padding:0}

caption,th{text-align:left}
td,th{vertical-align: top}

fieldset,img,abbr{border:none}
li{list-style-type:none}
hr{display:none}

a,a:link{color:#0B2C87;text-decoration:underline}
a:visited{color:#0B2C87}
a:hover{color:#0B2C87;text-decoration:none}
strong{font-weight:bold}

img{vertical-align:bottom}

/***********************************************/
/* layout divs                                 */
/***********************************************/

#wrapper{
margin:0 auto;
position:relative;
max-width:984px;
min-width:540px}

#head{
margin:0 auto 30px;
padding:25px 0 0;
position:relative;
text-align:left}


#cont:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#cont{
display:inline-block;
margin:0 auto 20px}

/*\*/
*html #cont{height:1%}
#cont{display:block}
/**/

#cont #main{
float:left;
margin:0 -260px 0 0;
text-align:left;
width:100%}

#cont #main #mainCont{margin:0 260px 0 0}

#cont #sideBar{
float:right;
text-align:left;
width:240px}

@media screen and (max-width: 768px) {
#main{margin:0}
#cont #main #mainCont{margin:0 10px}
#sideBar{display:none}
}

#foot{
padding:0 0 20px;
text-align:left}

/***********************************************/
/* #head style                                 */
/***********************************************/

#head h1{margin:0 0 30px}

#head ul#headLink:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#head ul#headLink{
display:inline-block;
position:absolute;
top:10px;
right:0}

/*\*/
*html #head ul#headLink{height:1%}
#head ul#headLink{display:block}
/**/

#head ul#headLink li{
background:url(../img/common/headIcon.jpg) no-repeat 0 6px;
float:left;
font-size:85%;
margin:0 0 0 20px;
padding:0 0 0 10px}

#index #head .flexslider-container{width:100%}

#head h2 span{display:none}

#head h2 img{width:100%}

#index #head .mainTitle{
background:url(../img/index/h2.png) no-repeat 0 0;
height:25px;
text-indent:-10000px;
position:absolute;
top:56%;
right:50px;
width:299px}

@media screen and (max-width: 650px) {
#index #head .mainTitle{
background:url(../img/index/h2_640.png) no-repeat 0 0;
height:56px;
width:153px}
}

/***********************************************/
/* #navi style                                 */
/***********************************************/

#navi ul#headLink{margin:0 0 20px}

#navi ul li{
border:1px solid #F0F0F0;
text-align:left}

#navi ul li a{
background: -moz-linear-gradient(top,  #ffffff 1%, #f5f5f5 51%); /* FF3.6+ */
background: -webkit-linear-gradient(top,  #ffffff 1%,#f5f5f5 51%); /* Chrome10+,Safari5.1+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
display:block;
color:#333;
font-size:110%;
font-weight:bold;
padding:0 10px;
text-decoration:none}

#navi ul li a:hover{background:#fff}

#navi ul li a span{
background:url(../img/common/navIcon.png) no-repeat 100% 50%;
display:block;
padding:14px 0}

#head #navi ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#head #navi ul{
border-right:1px solid #DFDFDF;
display:inline-block;
margin:0;
width:100%}

/*\*/
*html #head #navi ul{height:1%}
#head #navi ul{display:block}
/**/

#head #navi ul li{
border:none;
border-bottom:2px solid #3A3A3A;
float:left;
width:16.668%}

#head #navi ul li.c{border-bottom:2px solid #F29600;}

#head #navi ul li a{
background: -moz-linear-gradient(rgb(255,255,255) 0%,rgb(236,236,236) 32%,rgb(236,236,236) 68%,rgb(246,246,246) 97%,rgb(246,246,246) 98%);
background-image:-webkit-linear-gradient(rgb(255,255,255) 0%,rgb(236,236,236) 32%,rgb(236,236,236) 68%,rgb(246,246,246) 97%,rgb(246,246,246) 98%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #ffffff,endColorstr = #f5f5f5);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = #ffffff,endColorstr = #f5f5f5)";
border-left:1px solid #DFDFDF;
display:block;
height:33px;
padding:14px 0 0}

#head #navi ul li a:hover{background:#fff}

#head #navi ul li a span{
background:url(../img/common/gNav101.png) no-repeat 50% 50%;
height:22px;
display:block;
text-indent:-10000px;
margin:0 auto;
padding:0;
text-align:center;
width:35px}

#head #navi ul li.li02 a span{background:url(../img/common/gNav102.png) no-repeat 50% 50%;width:44px}
#head #navi ul li.li03 a span{background:url(../img/common/gNav103.png) no-repeat 50% 50%;width:71px}
#head #navi ul li.li04 a span{background:url(../img/common/gNav104.png) no-repeat 50% 50%;width:48px}
#head #navi ul li.li05 a span{background:url(../img/common/gNav105.png) no-repeat 50% 50%;width:48px}
#head #navi ul li.li06 a span{background:url(../img/common/gNav106.png) no-repeat 50% 50%;width:93px}


/***********************************************/
/* #main style                                 */
/***********************************************/




/***********************************************/
/* #sideBar style                              */
/***********************************************/

#sideBar ul li{margin:0 0 20px}


/***********************************************/
/* #foot style                                 */
/***********************************************/

#foot address{
background:#333333;
border-radius:5px;
color:#fff;
font-size:85%;
margin:0 0 20px;
padding:10px;
text-align:right}

#foot dl dt{
font-weight:bold;
margin:0 0 10px}

#foot:before,
#foot:after{
content:"";
display:table;}

#foot:after{clear:both;}

/* For IE 6/7 */
#foot{zoom:1;}

#foot dl{
float:left;
width:50%}

#foot ul{
float:right;
text-align:right;
width:50%}