@import "work_list.css";

/* layout */



html {
	height:100%;
}

body
{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #666;
	margin:0;
	padding:0;
	background:#f4f4f4;
	height:100%;
	font-size:12px;
	
}
p{
	margin:0;
	padding:0;
	line-height:1.5em;
	}

h1{
	margin:0;
	padding:0;
	}
h2{
	margin:0 0 10px;
	padding:0;
	clear:both;
	}


h3{
	margin:0 0 5px;
	padding:0;
	font-weight:normal;
	font-size:16px;	
	}
h4{
	border-bottom:1px solid #666;
	font-weight:normal;
	font-size:16px;
	margin:0;
	padding:0;
	}	



#pankuzu{
	margin:2px 0 3px 5px}


#container
 { 
position: relative; 
width:800px;
margin:0 auto;
border-left:2px solid #5a5a5a;
border-right:2px solid #5a5a5a;
background:#FFF;
}
#container a img{ 
border-style:none;
}

.title_img{
		margin:15px 0 0 30px;
	padding:0;}
.tit_m{

	/* font-weight:bold; */
	font-size:20px;
	color:#ff5600;
	text-align:center;}
.tit_m img{
	vertical-align: 3px;}
	


.bottanrap{
	margin:0 0 10px 140px;
	clear:both;
		}

.bottanbox{
	float:left;
	margin:10px 10px 20px;
	width:240px;
	
	}
.bottanbox dd{
	margin:0 -6px 0 17px;
}


.bottan00{
	
	margin:0 10px -4px;
	padding:0;
	border-style:none;
	
	}
/*.bottanbox:after {
  content: ""; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}*/


/* mawarikomi */
.rec{
	zoom: 100%;
	margin:10px 0;
	padding:0}


.rec img{
	float:left;
	margin:5px 10px;
	padding:0;}
	
.rec:after {
  content: ""; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}

.rec_p{
	margin:0;
	padding:10px 0 0;
	line-height:1.5em;
	}





/* ul */

#cosu{
	font-size:16px;
	margin:10px 0 15px 10px;}

#cosu ul{}

#cosu li{
	list-style-type:none;
	margin:0 0 3px;
	padding:11px 0 0 46px;
	height:36px;
}
#cosu .no1{
	background:url(../img/pc_debu_img01.gif) no-repeat top left;
	}

#cosu .no2{
	background:url(../img/pc_debu_img02.gif) no-repeat top left;
	}

#cosu .no3{
	background:url(../img/pc_debu_img03.gif) no-repeat top left;
	}

#cosu .no4{
	background:url(../img/pc_debu_img04.gif) no-repeat top left;
	}
#cosu .no5{
	background:url(../img/pc_debu_img05.gif) no-repeat top left;
	}




/* h3 */

*html .oubo{/*IE6用のハック*/
	float:left;
	margin: 0 15px 10px 5px;}

.oubo{
	float:left;
	margin: 0 15px 10px 10px;}

.oubo2{
	clear:both;
	margin: 0 15px 10px 10px;}

	
.oubotext{
	margin: 7px 0 0;

	}	
.oubotext2{
	margin: 7px 0 0;
	padding:7px 0 0;
	}	

.ouboul{
	margin:-10px 0 15px 55px;
	padding:0;
	line-height:1.5em;
	}	

.ouboli{
	margin:0;
	padding:0;
	}	
	
	

/* table */
#show_box{
	width:750px;
	margin:10px 0 10px 30px;
	padding:0;
	}
#show_box p{
	font-size:12px;
	line-height:1.5em;
	margin:10px 0 0;
}

#shouw_table{
	width:750px;
	margin:0;
	padding:0;
	border-collapse: collapse;
	border-spacing:0;
	vertical-align:top;
	font-size:16px;
	background:#ffffc6;
	}
	
#shouw_table td{
	border:2px solid #fd9858;
	margin:0;
	padding:5px 0 5px 7px ;
}


.font10{
	font-size:10px;
	margin:10px 0 0;
	padding:0;	
	}

.textbox{
margin:10px 0 10px 30px;
padding:0;
line-height:1.5em;
	}
.textbox02{
margin:10px 0 20px 60px;
padding:0;
line-height:1.5em;
	}	
	
.font_red{
	font-weight:bold;
	color:#F00;}

.font_orn{
	color:#FF5600;}
.font_bold{
	font-weight:bold;}


/* prof */

.profbox{
	border-top:2px solid #fd9858;
	margin:13px 5px 0;
	padding:13px 0 ;
	clear:both;
	display:block;
	}
.profbox dl{
	display:block;
	} 
.profbox dt{
	margin:0 50px;
	padding:0;
	display:block;
	}
.profbox dt img{
	float:left;
	
	}
.profbox dd{
	margin:0;
	padding:0 10px 0 160px;
	}
.profbox:after {
  content: ""; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}	
	
/*.clearbr{
	clear:both;
	} */
 .img00{
	margin:10px 30px 30px 55px;
	} 







#footer{
	margin:0;
	padding:0;
	text-align:center;
	height:40px;
	background:#FFF;
	clear:both;
	
	}	
#footer img{
	margin:0 5px 0;
	float:right;
	clear:both;
	border-style:none;
	}


/* FAQページ */

#faqbox{
	margin:10px 0 45px;
	padding:0 5px;}

#faqbox p{
	margin:10px 5px 0 15px;
	padding:0;}

#faqbox .q{
	color:#FF9100;
}



#faqbox .foottext{
	margin:20px 0 0 15px;
	padding:0 ;}



/* 以下使わないかな  */
#mailbox{
	clear:both;
	margin:30px 0 -10px;
	padding:0;
	text-align:center;
	}

#mailbox img,#betabox .mail img{
    border-style:none;
	margin:5px 0 5px;
}


#mailbox a img,#betabox .mail a img{
	text-decoration:none;
	
	}


 #logo_imgbox{
	margin:0; 
	padding:5px 0 ;
	width:950px;
	border-bottom:2px solid #7a7a7a;

	}


.h2_rap{
	margin:40px 0 10px;
	border-bottom:2px solid #ff5a5a;
	clear:both;
	}	

:root .h2_rap img{  /* mozil  */
	margin:0 0 -5px;
	padding:0;
	}

.h2_rap_2{
	margin:30px 0 10px;
	border-bottom:2px solid #ff5a5a;
	clear:both;
	}	

:root .h2_rap_2 img{  /* mozil  */
	margin:0 0 -5px;
	padding:0;
	}





	
.crectbox{
	margin:13px 0 0;
	padding:0 0 13px;
	clear:both;
	display:block;
	}
.crectbox dl{
	display:block;
	} 
.crectbox dt{
	margin:0;
	padding:0;
	display:block;
	}
.crectbox dt img{
	float:left;
	#mailbox
	}
.crectbox dd{
	margin:0;
	padding:100px 0 0 373px;
	}
.crectbox dd .clearbr{
	clear:both;
	}


.crectbox2{
	margin:13px 0 0;
	padding:0 0 13px;
	clear:both;
	display:block;
	}

.crectbox2_tit{
	border-bottom:1px solid #333;
	font-weight:normal;
	font-size:16px;
	margin:0;
	padding:0;
	}	

.crectbox2 dl{
	display:block;
	} 
.crectbox2 dt{
	margin:0;
	padding:0;
	display:block;
	}
.crectbox2 dt img{
	float:left;
	}
.crectbox2 dd{
	margin:0;
	padding:0 0 0 373px;
	}
.crectbox2 dd p{
	padding:0 0 25px 0 ;
	}
.crectbox2 dd ul{
	margin:-20px 0 0 15px;
	padding:0 0 0 20px;

	}

.crectbox2 dd .clearbr{
	clear:both;
	}


#betabox{
	border:1px solid #ff0000;
	background:#ffe8e8;
	margin:50px 0 30px;
	padding:15px;
		}
#betabox .tit{
	margin:0 0 15px;
	
	}		
#betabox .mail{
	margin:15px 0 30px;
	padding:0;
	text-align:center;
	}
	
	
	
#betabox ol,ul{
	margin:15px 0 30px 55px;
	padding:0;	
	}

#betabox li{
	line-height:1.5em;
	}
	

	
	
/*     rollover    */


#menu{
	width:950px;
	height:30px;
	display:block;

	}

#menu ul{
	margin:0;
	padding:0;
	
	}

#menu li {
float:left;	
display:inline;
list-style-type:none;
	}
#menu span{
	display:none;
	}


#menu li .gaiyou {
	width:237px;
	height:30px;
	}
#menu .gaiyou a{
	display:block; 
	width:237px;
	height:30px;
	margin:0;
	padding:0;
	border:0;
	text-decoration:0;
	background:url(../img/gaiyou.gif) no-repeat left top;
	}
#menu .gaiyou a:hover{
	background:url(../img/gaiyou_o.gif) no-repeat left top;
	}

/* social */
#menu li .social {
	width:236px;
	height:30px;
	}
#menu .social a{
	display:block; 
	width:236px;
	height:30px;
	margin:0;
	padding:0;
	border:0;
	text-decoration:0;
	background:url(../img/social.gif) no-repeat left top;
	}
#menu .social a:hover{
	background:url(../img/social_o.gif) no-repeat left top;
	}
	
/* syueki */
#menu li .syueki {
	width:238px;
	height:30px;
	}
#menu .syueki a{
	display:block; 
	width:238px;
	height:30px;
	margin:0;
	padding:0;
	border:0;
	text-decoration:0;
	background:url(../img/syueki.gif) no-repeat left top;
	}
#menu .syueki a:hover{
	background:url(../img/syueki_o.gif) no-repeat left top;
	}
		
/* tester */
#menu li .tester {
	width:239px;
	height:30px;
	}
#menu .tester a{
	display:block; 
	width:239px;
	height:30px;
	margin:0;
	padding:0;
	border:0;
	text-decoration:0;
	background:url(../img/tester.gif) no-repeat left top;
	}
#menu .tester a:hover{
	background:url(../img/tester_o.gif) no-repeat left top;
	}
	
#endtext,.midashi{
	font-size:36px;
	color:#F00;
	text-align:center;
	margin:20px 0 0;}
	
	
#endtext a,.midashi a{
	color:#F00;
}