@charset "utf-8";/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{text-decoration:none;}
a:hover,a.selected{text-decoration:none;}
a{/*\*/overflow: hidden;/**/}

/* Font Style */
body{font:14px/1.231 Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', osaka, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*font-size:small;*font:x-small;} 
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;} 
table{font-size:inherit;font:100%;} 
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;} 
/* IE6 and IE7 Hack */
* html body {font-family: 'ＭＳ Ｐゴシック',sans-serif;}
*:first-child+html body {font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif;} 
body * {line-height:1.38em;}

/* Clear Fix */
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-table;min-height: 1%;}
/* Hides from IE-mac */
* html .clearfix{height: 1%;}
/* End hide from IE-mac */
.clearfix{display: block;}

/* Layout Style */
body{
color: #333;
background: #FFF url(../img/bg_body.jpg) repeat-x center top;
font-size: 90%;
}
hr{clear:both;border-width: 0px;}
img{border:none;}
li{list-style:none;}
/* --- コンテンツ --- */
a {outline: none;color: #00C;}
a:hover,a:active{text-decoration:underline;}
* html body {background: url(../css/null) fixed;}
/* --- アナログ表示 --- */
#analog {background: #FFF;left: 0px;top: 0px;width: 100%;padding-top: 10px;padding-bottom: 10px;text-align: center;position: fixed;}
* html #analog{position: absolute;top: expression(eval(document.documentElement.scrollTop+0));}
#analog .intro {width: 850px;margin-right: auto;margin-left: auto;}
#analog p { float: left; }
#analog ul { float: right; }
#analog li{display: block;height: 99px;width: 65px;margin-right: 5px;margin-left: 5px;float: left;}
/* --- 枠組み --- */
#ohd{width:100%;background: url(../img/bg_ohd.png) repeat-x center bottom;height: 145px;left: 0px;top: 0px;}
#hd{width:980px;margin-right:auto;margin-left:auto;height: 75px;}
#hdl {width: 350px;float: left;padding-top: 10px;}
#hdr {
float: right;
width: 550px;
display: block;
background: url(../img/bg_hdr.png) no-repeat left top;
padding-left: 30px;
height: 75px;
}
#hdr ul{
height: 25px;
display: block;
line-height: 1em;
}
#hdr ul li{
display: block;
float: left;
border-right: 1px solid #FFF;
border-left: 1px solid #E8E8E8;
height: 25px;
}
#hdr ul li a{
background: url(../img/header_link.png) no-repeat left center;
margin-right: 15px;
color: #333;
font-size: 12px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 25px;
display: block;
}
#hdr ul .first{border-left-style: none;}
#hdr ul .end{border-right-style: none
!important;}
#hdr .hd_contact {
text-align: right;
clear: both;
padding-top: 12px;
padding-right: 50px;
}

#gnavi_wrapper {width: 100%;padding-top: 10px;background: url(../img/gn_bg.png) repeat-x center top;clear: both;}
#gnavi_inner {width: 975px;margin-right: auto;margin-left: auto;}
.gnavi li{height: 60px;width: 195px;display: block;float: left;}
.gnavi li a {height: 60px;width: 195px;display: block;text-indent: -9999px;}
.gnavi_01 a{background: url(../img/gnavi_01.png) no-repeat left top;}
.gnavi_02 a{background: url(../img/gnavi_02.png) no-repeat left top;}
.gnavi_03 a{background: url(../img/gnavi_03.png) no-repeat left top;}
.gnavi_04 a{background: url(../img/gnavi_04.png) no-repeat left top;}
.gnavi_05 a{
background-image: url(../img/gnavi_06.png);
background-repeat: no-repeat;
background-position: left top;
}
.gnavi_01 a:hover {background: url(../img/gnavi_01.png) no-repeat left -60px;}
.gnavi_02 a:hover {background: url(../img/gnavi_02.png) no-repeat left -60px;}
.gnavi_03 a:hover {background: url(../img/gnavi_03.png) no-repeat left -60px;}
.gnavi_04 a:hover {background: url(../img/gnavi_04.png) no-repeat left -60px;}
.gnavi_05 a:hover {
background-image: url(../img/gnavi_06.png);
background-repeat: no-repeat;
background-position: left -60px;
}
#owp {width: 100%;clear: both;background: url(../img/bg_owp.png) repeat-y center;padding-top: 10px;}
#wrap{width:980px;margin-right:auto;margin-left:auto;background: #FFF;display: block;}

.path {height: 35px;background: url(../img/bg_path.png) no-repeat center top;margin-bottom: 10px;clear: both;display: block;text-shadow: 1px 1px 2px #CCC;}
.path ul {width: 940px;margin-right: auto;margin-left: auto;height: 35px;vertical-align: middle;}
.path ul li {font-size: 14px;line-height: normal;float: left;display: block;padding: 8px 25px 8px 10px;background: url(../img/bg_path_a.png) no-repeat right top;text-shadow: 1px -1px 3px #FFF;}
.path ul li a {color: #333;text-decoration: none;text-shadow: 0px 1px 2px #FFF;}
.path ul li a.path ul li a:hover, .path ul li a:active {text-decoration: underline;}

#contents{float:right;width:725px;margin-right: 5px;}
.reset{background:#FFF url(../css/none);padding:0px;text-align:center;margin:0px 0px 10px 30px;}
.cb:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.cb{min-height:1px;padding-top: 10px;padding-bottom: 10px;}
* html .cb{height:1px;/*¥*//*/height:auto;overflow:hidden;/**/}
.cb p{
margin-bottom: 15px;
margin-right: 20px;
margin-left: 20px;
line-height: 1.5;
}
.center{text-align:center; clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
table{border-collapse:collapse;}
#sosial_bar  {clear: both;list-style-type: none;text-align: right;padding-top: 10px;padding-right: 50px;}
#sosial_bar li  {display: block;float: right;margin-right: 10px;}

#leftNavi{
float:left;
width:230px;
margin-left: 5px;
display: block;
}
/* --- レフトナビ --- */
#scrollMenu{
padding-top: 10px;
position:relative;
padding-bottom: 15px;
display: block;
}
.subMenu ul{margin-bottom: 15px;font-weight: bold;}
.subMenu li{background: url(../img/bg_submenu_li.png) no-repeat center center;margin-bottom: 1px;-o-border-radius: 5px;}
.subMenu li.current{display:block;list-style:none;padding-top: 12px;padding-bottom: 12px;padding-left: 15px;background: url(../img/bg_submenu_li_current.png) no-repeat center center;color: #FFF;text-shadow: 0px -1px 2px #666;font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", sans-serif;}
.subMenu li a{display:block;padding-top: 12px;padding-bottom: 12px;padding-left: 15px;color: #333;background: url(../img/bg_submenu_a.png) no-repeat right center;text-shadow: 0px 1px 1px #FFF,0px -1px 3px #FFF;font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", sans-serif;}
.subMenu li a:hover{text-decoration: none;background: url(../img/bg_submenu_a_current.png) no-repeat right center;color: #09F;
}
.links{text-align:center;margin-bottom: 10px;}
.links p a {
display: block;
height: 125px;
width: 230px;
}

.twitter {background: url(../img/sm_news.png) no-repeat left top;padding-top: 85px;}
.twtr-hd ,.twtr-ft{display:none !important;}
.twtr-timeline{display: block;height: 150px !important;;overflow: auto !important;;padding: 0px 10px;}
#oft{text-align:center;width:100%;clear:both;font-size: 0.9em;background: url(../img/bg_ft.png) no-repeat center top;padding-top: 10px;display: block;}
/* --- フッター --- */
#ft{width: 980px;margin-right: auto;margin-left: auto;padding-top: 10px;}
#ft .path { margin-bottom: 30px; }


#ft .address {float: left;margin-left: 25px;}

#ft .ft_link {margin-bottom: 15px;float: right;margin-right: 25px;}
#ft .ft_link li{display: inline;margin-right: 10px;}
#ft .ft_link li a {color: #333;border-left: 1px solid #333;padding-left: 10px;}
address{font-style: normal;color: #333;clear: both;width: 960px;margin-right: auto;margin-left: auto;padding-top: 15px;padding-bottom: 15px;border-top: 1px solid #666;}
strong {
color: #039;
font-family: "ヒラギノ角ゴ Pro W6";
font-weight: 700;
}
em {
color: #C00;
font-family: "ヒラギノ角ゴ Pro W6";
font-style: normal;
font-weight: 700;
font-variant: normal;
}



.red{ color:#F03 !important; }
.green{ color:#093 !important; }
.blue{ color:#06F !important; }
.mb10{ margin-bottom:10px; }
.mb15{margin-bottom:15px;}
/* --- 各説明ページ --- */
.banner{ margin-bottom:15px; }
.begginer_list{margin-bottom:10px;padding-top:10px;margin-right: 20px;margin-left: 20px;}
.begginer_list li{color:#666;margin-bottom:5px;background:#EDEDED;padding:5px;}
.begginer_list strong{padding-right:5px;padding-left:5px;color:#093;font-weight: bold;}