@charset "utf-8";

html{
	overflow-y: scroll;
}
*{ margin:0; padding:0;}
img{ border:0;}
input, button, select, optgroup, option, textarea{position:relative;margin-right:2px;padding:2px 0;vertical-align:middle;
	color:#333; font-size:12px; line-height:1.4}
input[type="radio"],input[type="checkbox"] {top:-2px;}
body {
	font-size:12px;	line-height:1.4;color:#333333;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
a,a:visited{ color:#390;}
a:hover{ color:#000;}
ul,ol,dl{ list-style:none;}
li img {vertical-align:top;}

.pd_b05 {padding-bottom:5px;}
.pd_b10 {padding-bottom:10px;}
.pd_b20 {padding-bottom:20px;}
.pd_b30 {padding-bottom:30px;}

/*--------------contents--------------*/

.arrow01 {
	background:url(../img/arrow_02.gif) 0 0.2em no-repeat;
	padding:2px 0 2px 15px;}
.arrow02 {
	background:url(../img/arrow_02.gif) 0 0.2em no-repeat;
	padding:2px 0 2px 15px;}
.arrow04 {
	background:url(../img/arrow_04.gif) 0 0.3em no-repeat;
	padding:2px 0 2px 15px; color:#2D5094;}
.arrow05 {
	background:url(../img/arrow_05.gif) 0 0.4em no-repeat;
	padding:2px 0 2px 8px;}

img.icon{vertical-align:middle; margin-left:5px;border:0;
	}
a.arrow_help {
	background:url(../img/icon_question.gif) 0 0.2em no-repeat;
	padding:2px 0 4px 15px
	;_padding:2px 0 2px 15px;}


/*--------------layout--------------*/
#container {
	width: 840px;
	margin: 0 auto;
}
#header {	
	clear: both;}
#contents {padding:5px; border:1px solid #CCC;}

#footer {
	width: 840px;		/* for IE5.5-6.0 */
	clear: both;}

	
/*--------------HEADER--------------*/
#header {padding-top:10px;}
#header .maiarea{
	width:340px;
	float:left;
}
#header h2 {
	padding-left:5px;
	font-size:9px;
	font-weight:normal;
}
#header h3{
	width:289px;
	margin:0;
	padding:5px 0 0 0;
}
#header h3 img{
	padding:0;
	margin:0;
	vertical-align:bottom;
}
#header .banner {
	float:right;
	width:500px;
	text-align:right;
}
#headernavi{
	clear: both;
	padding-top:10px;
	_padding-top:5px;
	padding-bottom:8px;	
}
*:first-child+html #headernavi{
	clear: both;
	padding-top:5px;
}
#headernavi #navi {
	clear: both;
	border-bottom:3px solid #025B00;
	margin: 0;
	padding:0 6px;
}
#headernavi #navi li, #headernavi #subNavi li {float:left;}
#headernavi #subNavi{
	padding:6px;
	background:#EDEDED;
/*	background:url(../img/subnavi_bg.gif) left repeat-y;*/
	border:1px solid #CCC;}
#headernavi #subNavi li{ padding-right:10px;
}
#headernavi #subNavi li.forgot {
	text-align:right;
	padding:3px 0;
/*	width:240px;	*/
	font-size:9.5px;
}
#headernavi #subNavi li.forgot a {color:#0066FF;}
#headernavi #subNavi li.sitemap {padding:0;}
#headernavi #subNavi li.userName {padding-top:3px; width:590px}
#headernavi #subNavi li.userName span {color:#F00; margin-left:10px;}
#headernavi #subNavi li.logout{float: right;padding-right: 3px;}
 
 
#container ul#pankuzu, #stfPgTop ul#pankuzu{
	padding:0 0 8px 10px;
}
#container ul#pankuzu li, #stfPgTop ul#pankuzu li{
	font-size:10px;
	float:left;
}
#container ul#pankuzu li.saiyo, #stfPgTop ul#pankuzu li.saiyo{
	padding:0 0 0 20px;
	float:right;
}

#container ul#pankuzu li.ttl, #stfPgTop ul#pankuzu li.ttl{
	float:right;
	margin:0 0 0 0;
	padding:0 5px 0 0;
} 

#container ul#pankuzu li.bookmark_icon, #stfPgTop ul#pankuzu li.bookmark_icon{
	float:right;
	margin:0 0 0 0;
	padding:0 5px 0 0;
} 
 
 
/*--------------pagetop--------------*/
.pagetop {clear:both;text-align:right; padding:10px 0 3px 0;}
.pagetop a {
	background:url(../img/arrow_02.gif) 0 0.3em no-repeat;
	padding:2px 0 2px 20px;}

/*--------------Footer--------------*/
#footer {border-top:3px solid #267500; font-size:10px;}
#footer a {color:#666;}
#footer .footlink{
	padding:5px 0 0 0;
}

#footer .footex{
	margin:10px 0 0 0;
	border:1px solid #ccc;
	background:#f9f9f9;
}
#footer .footex h3{
	font-size:11px;
	margin:0;
	padding:5px 0;
}
#footer .footex strong{color:#339900;}
#footer .footex p{
	padding:0 10px 5px 0;
	color:#666;
}
#footer .footex p strong{
	color:#339900;
}
#footer .footex .footlogo{
	padding:0 0 0 10px;
	width:220px;
}

#footer .browser{
	padding:5px 0;
	color:#666;
}
#footer div.copyright{
	padding:0 0 10px 0;
}

/*----------------------------------*/
/*				Popup				*/
/*----------------------------------*/

#popup {background-color:#F9F9F9;}
#popup #container { width:600px;margin:10px auto; border:1px solid #CCC; border-top:3px solid #025B00; margin-bottom:10px;background:#ffffff;}
#popup #contents {border:0; padding:10px 20px;}
#popup h1 { font-size:16px;line-height:1.2;color:#390; background:url(../img/line_dot_02.gif) bottom repeat-x;
	padding:15px 10px 10px 10px; margin-bottom:10px;}
#popup #footer {margin:10px auto;border:1px solid #CCC; background-image:url(../img/top_search_bg01.gif);
	text-align:center; padding:10px 0; width:600px;}



/*---------------------------------------------

100530
ヘッダー改修

---------------------------------------------*/

.headerTop{
	padding:0 0 5px 0;
}
#header .headerTop h2{
	float:left;
	width:500px;
}
.otherNavi li{
	float:right;
}
.otherNavi li a{
	font-size:10px;
	color:#666;
}




/*--------------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 */

.kiji_contents .kiji01a {
  width:141px; height:60px; display:block; background-image:url(https://www.syuppannavi.com/img/kiji_01a.jpg); background-repeat:no-repeat; font-size:11px; padding-left:17px; padding-right:60px; color:#4C4C4C; line-height:130%;
  }
.kiji_contents .kiji01a strong {
color:#14760F; font-size:12px;
}

.kiji_contents .kiji02a {
  width:141px; height:60px; display:block; background-image:url(https://www.syuppannavi.com/img/kiji_02a.jpg); background-repeat:no-repeat; font-size:11px; padding-left:17px; padding-right:60px; color:#4C4C4C; line-height:130%;
  }
.kiji_contents .kiji02a strong {
color:#14760F; font-size:12px;
}

.kiji_contents .kiji03a {
  width:141px; height:60px; display:block; background-image:url(https://www.syuppannavi.com/img/kiji_03a.jpg); background-repeat:no-repeat; font-size:11px; padding-left:17px; padding-right:60px; color:#4C4C4C; line-height:130%;
  }
.kiji_contents .kiji03a strong {
color:#14760F; font-size:12px;
}

.kiji_contents .kiji04a {
  width:141px; height:60px; display:block; background-image:url(https://www.syuppannavi.com/img/kiji_04a.jpg); background-repeat:no-repeat; font-size:11px; padding-left:17px; padding-right:60px; color:#4C4C4C; line-height:130%; 
  }
.kiji_contents .kiji04a strong {
color:#14760F; font-size:12px;
}

#main h2 {
padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:551px; height:22px; font-size:12px; background-image:url(https://www.syuppannavi.com/img/top_mt_sintyaku.jpg); background-repeat:no-repeat; padding-left:27px; line-height:200%; color:#333333;
}

#sub_right .kiji_contents h2 {
padding:0px 0px 0px 0px; margin:4px 0px 4px 4px; width:191px; height:22px; font-size:12px; background-image:url(https://www.syuppannavi.com/img/top_mt_ichiosh2.jpg); background-repeat:no-repeat; padding-left:27px; line-height:200%; color:#333333;
}

#sub_right #top_tyumoku h2 {
padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:191px; height:22px; font-size:12px; background-image:url(https://www.syuppannavi.com/img/top_mt_ichiosh2.jpg); background-repeat:no-repeat; padding-left:27px; line-height:200%; color:#333333;
}