@charset "utf-8";

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Reset
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

body,div,pre,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,pre,
form,fieldset,input,textarea,select,option,table,th,td,tr,embed,object{
	margin:0;
	padding:0;
}

li{list-style-type:none;}
fieldset,table,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Body
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

body{text-align:left;}

h1,h2,h3,h4,h5,h6,p,li,dt,dd,form,pre,td,th,label,div{
	color:#333333;
	font-size:80%;
	line-height:140%;
}

div p,div li,div dt,div dd,div form,div pre,div td,div th,div label,
div div,div h1,div h2,div h3,div h4,div h5,div h6,
p p,p li,p dt,p dd,p from,p pre, p td,p th,p label,p div,
li p,li li,li dt,li dd,li from,li pre,li td,p th,li label,li div,li h3,
td p,td li,td dt,td dd,td from,td pre,td td,td th,td label,td div,
th p,th li,th dt,th dd,th from,th pre,th td,th th,th label,th div,
label p,label li,label dt,label dd,label form,label pre,label td,label th,label div,
form th,form td{
	font-size:100%;
}

a:link{color: #0053b0; text-decoration:underline;}
a:visited{color: #0053b0; text-decoration:underline;}
a:hover{color: #4093f0; text-decoration:none;}
a:active{color: #4093f0; text-decoration:none;}

body,h1,h2,h3,h4,h5,h6,td,th,p,div,input,textarea,pre,ul,li,ol{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
	font-weight:normal;
	vertical-align:top;
}

* html body *{
	vertical-align:baseline;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Wrap
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#wrap{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

#wrap_404{
	width:590px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Header
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#header{
	width:800px;
	margin-bottom:8px;
}

#wrap_404 #header{width:590px;}

#header #logo a{
	width:303px;
	height:56px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/logo.gif) left top no-repeat;
}

#header #logo{float:left;padding-top:37px;}
#header #head_right{
	float:right;
	font-size:0;
	background:url(../images/head_bg.gif) 156px 22px no-repeat;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Sub_nav
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#header #sub_nav{
	height:16px;
	margin:11px 0 0 270px;
	background:url(../images/sub_nav.gif) right 1px no-repeat;
}

#header #sub_nav li{float:left;}

#header #sub_nav a{
	display:block;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
}

#header #sub_nav #s_nav01 a{width:66px;}
#header #sub_nav #s_nav02 a{width:104px;}
#header #sub_nav #s_nav03 a{width:57px;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// head_btn
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#header #head_btn{
	width:341px;
	margin:8px 0 0 156px;
}

#header #head_btn a{overflow:hidden;}

#header #head_btn li{float:left;}

#header #head_btn #h_btn01{	
	margin-top:11px;
	background:url(../images/header_btn.gif) left top no-repeat;
}
#header #head_btn #h_btn01 a{
	width:194px;
	height:47px;
	text-indent:-9999px;
	display:block;	
}

#header #head_btn #h_btn02{
	margin-left:22px;
	width:125px;
	height:58px;
	text-indent:-9999px;
	background:url(../images/header_img.gif) left top no-repeat;
}

#header #head_btn #h_btn02 a{
	width:125px;
	height:58px;
	text-indent:-9999px;
	display:block;	
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Glb_nav
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/


#glb_nav{
	width:800px;
	border-top:solid 3px #5fcde8;
	background-color:#CCCCCC;
}

#glb_nav li{
	float:left;
	padding-left:1px;
}


#glb_nav li a{
	width:120px;
	height:58px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/navigation.gif);
}

#glb_nav #nav01 a{width:72px;}
#glb_nav li a:hover{background:url(../images/navigation.gif) left top no-repeat;}

#glb_nav #nav01 a{background-position:-1px 0;}
#glb_nav #nav01 a:hover{background-position:-1px -58px;}
#glb_nav #nav01.stay a{background-position:-1px -58px !important;}

#glb_nav #nav02 a{background-position:-74px 0;}
#glb_nav #nav02 a:hover{background-position:-74px -58px;}
#glb_nav #nav02.stay a{background-position:-74px -58px !important;}

#glb_nav #nav03 a{background-position:-195px 0;}
#glb_nav #nav03 a:hover{background-position:-195px -58px;}
#glb_nav #nav03.stay a{background-position:-195px -58px !important;}

#glb_nav #nav04 a{background-position:-316px 0;}
#glb_nav #nav04 a:hover{background-position:-316px -58px;}
#glb_nav #nav04.stay a{background-position:-316px -58px !important;}

#glb_nav #nav05 a{background-position:-437px 0;}
#glb_nav #nav05 a:hover{background-position:-437px -58px;}
#glb_nav #nav05.stay a{background-position:-437px -58px !important;}

#glb_nav #nav06 a{background-position:-558px 0;}
#glb_nav #nav06 a:hover{background-position:-558px -58px;}
#glb_nav #nav06.stay a{background-position:-558px -58px !important;}

#glb_nav #nav07 a{background-position:-679px 0;}
#glb_nav #nav07 a:hover{background-position:-679px -58px;}
#glb_nav #nav07.stay a{background-position:-679px -58px !important;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// LoginBox
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#loginbox{
	height:1%;
	margin-bottom:10px;
	background:url(../images/login_bg.gif) left top repeat-x #19b0dc;
}

#loginbox ul{
	padding:13px 0 12px 8px;
	height:1%;
	background:url(../images/login_bottom.gif) left bottom repeat-x;
}

* html #loginbox ul{padding-left:16px;}

#loginbox li{
	float:left;
	margin-right:8px;
	height:100%;
}
* html #loginbox li{margin-right:4px;}


#loginbox #login01{
	width:107px;
	height:20px;
	text-indent:-9999px;
	background:url(../images/login_member.gif) 0 4px no-repeat;
}

#loginbox #login02{
	width:145px;
	height:20px;
	background:url(../images/login_id.gif) 0 7px no-repeat;
}
#loginbox #login02 input{
	width:118px;
	margin-left:17px;
	padding:1px;
}

#loginbox #login03{
	width:168px;
	height:20px;
	background:url(../images/login_pass.gif) 0 7px no-repeat;
}
#loginbox #login03 input{
	width:118px;
	margin-left:36px;
	padding:1px;
}

#loginbox #login04{
	width:80px;
	height:20px;
}
#loginbox #login04 input{
	width:72px;
	height:22px;
	display:block;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	background:url(../images/login_btn.gif) 0 0 no-repeat;
}

#loginbox #login05{
	margin-top:1px;
	width:100px;
	background:url(../images/pass_btn01.gif) 0 0 no-repeat;
}

#loginbox #login05 a{
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	height:20px;
}

#loginbox #login06{
	margin-top:1px;
	margin-right:0;
	width:146px;
	background:url(../images/pass_btn02.gif) 0 0 no-repeat;
}

#loginbox #login06 a{
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	height:20px;
}

#loginbox #login08,
#loginbox #login09{float:right;}

#loginbox #login08 a,
#loginbox #login09 a{color:#ffffff;}

#loginbox #login08{margin-left:10px;}


#loginbox #login07,
#loginbox #login08,
#loginbox #login09{color:#ffffff;padding:2px 0 1px;}

*:first-child+html #loginbox #login07,
*:first-child+html #loginbox #login08,
*:first-child+html #loginbox #login09{padding:2px;} 

* html #loginbox #login07,
* html #loginbox #login08,
* html #loginbox #login09{padding:2px 0 3px;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Con_wrap
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#con_wrap{
	width:800px;
}

#leftmenu,#content{
	float:left;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Left Menu
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#leftmenu{
	width:200px;
	margin-right:10px;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Pb_Box TOP用
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#leftmenu #pb_box{
	background:url(../images/pb_bg.gif) left top repeat-y;
	margin-bottom:12px;
}

#leftmenu #pb_box dt{
	width:200px;
	height:29px;
	text-indent:-9999px;
	background:url(../images/pb_title.gif) left top no-repeat;
}

#leftmenu #pb_box dd.m_box{
	height:135px;
        margin:0 2px;
        padding:10px 14px 14px;
	background:url(../images/pb_bgimg.gif) left bottom no-repeat;
}

* html #leftmenu #pb_box dd.m_box{padding:10px 14px 19px;}
*:first-child+html #leftmenu #pb_box dd.m_box{padding:10px 14px 19px;} 

#leftmenu #pb_box #pb_text01{
	text-indent:-9999px;
	width:168px;
	height:24px;
	margin-bottom:10px;
	background:url(../images/pb_txt.gif) left top no-repeat;
}
#leftmenu #pb_box #pb_text02{
	color:#2c55aa;
	font-weight:bold;
	margin-bottom:10px;
}
#leftmenu #pb_box #pb_text03{
	width:100px;
}

#leftmenu #pb_box dd.b_box{
	height:21px;
	text-indent:-9999px;
	padding:7px 0 0 28px;
	background:url(../images/pb_bottom.gif) left top no-repeat;
}
#leftmenu #pb_box dd.b_box a{
	width:144px;
	height:14px;
	display:block;
	overflow:hidden;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Bn_Box TOP用
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#leftmenu #bn_box{
	background:url(../images/bn_bg.gif) left top repeat-y;
	margin-bottom:10px;
}

#leftmenu #bn_box dt{
	width:200px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/bn_title.gif) left top no-repeat;
}
#leftmenu #bn_box dd{
	padding:10px 15px;
	height:1%;
	background:url(../images/bn_bottom.gif) left bottom no-repeat;
}

#leftmenu #bn_box dd p,#leftmenu #bn_box dd img{
	float:left;
}

#leftmenu #bn_box dd p{
	width:90px;
	margin-right:10px;
}

#leftmenu #bn_box dd p a{
	padding-left:15px;
	color:#44b9df;
	background:url(../images/bn_icon.gif) 0 1px no-repeat;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Bunner_Area 
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#leftmenu #bunner_area li a{
	margin-bottom:10px;
	display:block;
	width:200px;
	height:45px;
	text-indent:-9999px;
	overflow:hidden;
}

#bunner_area #area01{background:url(../images/left_bunner01.gif) left top no-repeat;}
#bunner_area #area02{background:url(../images/left_bunner02.gif) left top no-repeat;}
#bunner_area #area03{background:url(../images/left_bunner03.gif) left top no-repeat;}
#bunner_area #area04{background:url(../images/left_bunner04.gif) left top no-repeat;}
#bunner_area #area05{background:url(../images/left_bunner05.gif) left top no-repeat;}
#bunner_area #area06{background:url(../images/left_bunner06.gif) left top no-repeat;}
#bunner_area #area07{background:url(../images/left_bunner07.gif) left top no-repeat;}
#bunner_area #area08{background:url(../images/left_bunner08.gif) left top no-repeat;}
#bunner_area #area01 a{height:51px !important;}
#bunner_area #area06 a{height:40px !important;}

#bunner_area #mail_area{
	background:url(../images/magazine_bg.gif) left top repeat-y;
	margin-bottom:10px;
}

#bunner_area #mail_area dl{
	height:1%;
	background:url(../images/magazine_bottom.gif) left bottom no-repeat;
}
#bunner_area #mail_area dt{
	height:28px;
	text-indent:-9999px;
	background:url(../images/magazine_title.gif) left top no-repeat;
}

#bunner_area #mail_area #mail_text{
	padding:5px 15px 2px;
}
#bunner_area #mail_area #mail_btn{
	padding:0 0 1px 40px;
}
#bunner_area #mail_area #mail_btn a{
	display:block;
	overflow:hidden;
	width:121px !important;
	height:12px !important;	
	background:url(../images/magazine_btn.gif) left top no-repeat;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Content
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#content{
	width:590px;
}
#content #main_img{
	margin-bottom:10px;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Information
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#information{
	background:url(../images/info_bg.gif) left top repeat-y;
	margin-bottom:10px;
}

#information a{color:#555555;}
#information a:hover{color:#777777}

#information h2{
	height:33px;
	text-indent:-9999px;
	margin-bottom:10px;
	background:url(../images/info_title01.gif) left top no-repeat;
}

#information #information_box{
	background:url(../images/info_bottom.gif) left bottom no-repeat;
}

#information .infor_inner{padding-bottom:10px;height:1%;}

#information #information_box ul{
	width:280px;
	float:left;
	margin-left:10px;
	padding-bottom:10px;
	background:url(../images/infobox_bottom.gif) left bottom no-repeat #ffffff;
}
* html #information #information_box ul{margin:0 5px 5px 5px;}

#information #information_box li{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:5px;
	padding-left:20px;
	background:url(../images/infobox_icon.gif) 0 4px no-repeat;
}

#information #information_box #gijyutsu li{
	background:url(../images/br_icon.gif) 0 4px no-repeat !important;
}

#information .title01,#information .title02,
#information .title03,#information .title04{
	padding-left:0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
}

#information h3{
	height:33px;
	margin-bottom:10px;
	font-size:0;
	text-indent:-9999px;
}
#information .title01 h3{background:url(../images/info_title02.gif) left top no-repeat;}
#information .title02 h3{background:url(../images/info_title03.gif) left top no-repeat;}
#information .title03 h3{background:url(../images/info_title04.gif) left top no-repeat;}
#information .title04 h3{background:url(../images/info_title05.gif) left top no-repeat;}

#information h3 a{
	width:75px;
	height:28px;
	display:block;
	overflow:hidden;
	margin:5px 0 0 200px;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Pankuz
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#pankuz{margin-bottom:10px;}
#pankuz a{
	padding-right:15px;
	margin-right:5px;
	outline:none;
	background:url(../images/pankuz_bg.gif) right center no-repeat;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Pankuz
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.pagetop{height:1%;}
.pagetop a{
	float:right;
	width:90px;
	height:20px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/page_top.gif) right center no-repeat;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Footer
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#footer{
	width:800px;
	height:85px;
	margin-bottom:10px;
	background:url(../images/foot_bg.gif) left bottom no-repeat;
}

#footer #foot_top{
	margin-left:710px;
}

#footer #foot_top a{
	width:90px;
	height:20px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Foot_nav
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#footer #foot_nav{
	width:431px;
	margin:20px 0 0 13px;
	background:url(../images/foot_nav.gif) left top no-repeat;
}

#footer #foot_nav li{float:left;height:16px;}

#footer #foot_nav li a{
	text-indent:-9999px;
	height:16px;
	display:block;
	overflow:hidden;
}

#footer #foot_nav #f_nav01{width:46px;}
#footer #foot_nav #f_nav02{width:64px;}
#footer #foot_nav #f_nav03{width:102px;}
#footer #foot_nav #f_nav04{width:68px;}
#footer #foot_nav #f_nav05{width:55px;}
#footer #foot_nav #f_nav06{width:96px;}

#footer address{text-indent:-9999px;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// ContentClear
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

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

* html .clearfix{height:1%;}

/*\*//*/
.clearfix{
	display: inline-table;
}
/**/