/***********************-
タイトル : 箱
概要：フォーム

制作日：2009/09

修正日：2014/08
-***********************/


 /*ボディ*/
body {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 80%;
	background: #808080;
	color:#ffffff;
}

/*リンクカラー*/

a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited { 
	color: #ffffff;
	text-decoration: none;
}
a:active {
	color: #FFFF99;
}
a:hover {
	color:#FFCC66;
}.span1 {display:none;}



/* ----- HTML再定義 ------------------------------------ */


/*ユニバーサル*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,
fieldset,input,p,blockquote,th,td {
margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
ul {list-style:none;}
a img { border:0; }

/*説明用*/
.hidden {
   display: none;
   visibility: hidden;
}
/*右フロート*/
.alignright {
   float: right;
}
/*左フロート*/
.alignleft {
   float: left;
}

/*全てをクリア*/
.clear {
   clear: both;
} 

/*ハック*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end safari */ 




/* ----- 基本構造 -------------------------------------- */

div#container {
	width: 650px;
	margin: 0px auto;
	background:#000000;
	border:none;
	padding:0px;
}

div#header {
	float: none;
	padding:0px;
	text-align:left;
}


div#navi{
 margin:0 0 0;
 padding:0;
 float:left;
 width:205px;
}

div#main {
 margin:0;
 	padding:0 0 20px 15px;
	 width:570px;
	float:right;
 background:url(../../new/btn/back.gif) repeat-y left top;	
}



div#footer {
	float: none;
	clear:both;
	border-top:1px solid #FFFFFF;
	margin: 30px 0 10px;
	padding:10px 0;
	text-align:left;
	color:#FFFFFF;
}
div#footer a {
	margin:0 5px;
}


.banner{
	margin:0;
	float: none;

}
.re{
	 margin:0 0 0 40px;
}
.sakai{
 margin:10px 0 20px;}

/* ----- ヘッダー -------------------------------------- */

div#header h1 {
	margin:8px 0 0;
	text-align:center;
	clear:both;
}
html>/**/body div#header h1 {
	padding:8px 0 0 0;
}
div#header #read{
	padding: 2px 5px;
	font-size:90%;
	color:#FFFFFF;	
	text-align:left;
	float:left;
}




/* ----- フッター -------------------------------------- */


div#footer address {
	text-align:center;
	padding: 10px 0px 20px 0px;
	color:#FFFFFF;
	font-size:80%;
}

div#footer .left {
	padding: 5px 10px 0 0;
	font-size:90%;
}
.toreuse{
	margin:5px 0 0;
	text-align:right;
}

div#footer .hazai {
	padding: 5px 10px 0 0;
}
div#footer .hazai img {
	margin:0 5px;
}
div.banner{
	float: none;
	margin: 30px 15px 0;
	text-align:center;
}
div.banner img {
	margin:0 0 5px;
}

div#footer #btn {
padding:8px ;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	text-align:center;
	color:#FFFFFF;
	font-size:80%;
}
.close{ text-align: center; margin:30px 5px !important; }
.close a{ color:#333;  margin:30px 5px !important; background:#fefefe;border:1px solid #999; padding:3px 8px;}
.close a:hover{ background:#FFC;}



/* ----- フォーム -------------------------------------- */

a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
    text-decoration:none;
	margin:0 0 0 5px;
	line-height:1.4;
}
a.tt span{ display: none; }

a.tt:hover{ z-index:500; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-200px; left:-210px;
	padding: 5px 0 0 0;
	width:300px;
	color: #000;
    text-align: left;
	filter: alpha(opacity:95);
	KHTMLOpacity: 0.95;
	MozOpacity: 0.95;
	opacity: 0.95;
}

a.tt:hover span.top{
	display: block;
	padding: 8px 8px 0;
    background: url(../sample/image/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ 
	display: block;
	padding: 5px 15px 0; 
	background: url(../sample/image/bubble_filler.gif) repeat bottom; 
	height:160px;
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../sample/image/bubble.gif) no-repeat bottom;
}




h5{
	margin:0 0 5px;
	 color:#000;
	 font-size:110%;
	}
	
.sakai2{
 margin:25px 0 60px;}


.h2chui{
 margin:5px  20px 0 40px;
}

.help{
	 margin:0 0 5px;
	 padding:0;
	 float:none;
	 text-align:right
	}

/* ----- フォーム -------------------------------------- */
.title{
 margin:0 0 0 60px;
}

.title2{
 margin:0 0 10px;
}

.sample{
 margin:0 0 40px 60px;
}
 .sample img{
	margin: 0px 5px 0 5px ;
}
 .sample .img{
	margin: 0px 10px  10px;
	 border:2px #F2CD5D solid;
}

.sample .box{
	margin: 30px 10px 0 0px;
	padding:5px 0 10px;
	float:left;
	width:240px;
	text-align:center;
	border:1px solid #CCCCCC;

}
.sample .box .tTip{
	margin: 0px 5px 8px 0px;
	text-align:right;
	

}


.arrow{
 background:url(../sample/image/arrow.gif) no-repeat;
 padding-left:15px;
 border-bottom:1px solid #F2CD5D;
}
.sample .box2{
	margin: 30px 10px 0 0px;
	float:left;
	width:200px;
	text-align:center;
}



h2 {
 color:#FFCC00;
 margin:20px 0;
}
h2 .ss{
	 margin-right:10px;
	 font-size:80%;
	 color:#FFFFFF;
}
h2 .ss2{
	 margin:30px 0 0;
	 font-size:90%;
	  word-spacing:0.1em;}

h2.title {
 	color:#FFCC00;
	 margin:30px 0 0 30px;
	 font-size:140%;
	  word-spacing:0.1em;background:none;}


h3 {
 color:#FFCC00;
	 margin:30px 0 0 40px;
	 font-size:140%;
	  word-spacing:0.1em;
	  background:none;}
h4{	 margin:30px 0 10px 0px;
background:none;}

h4.hako2yo{	 margin:30px 0 0px 0px;
background:none;}

.ss{
	 font-size:80%;;
}


#siyo {
margin:40px 0 40px 20px;
}

#siyo ul {
margin:20px 20px 40px;
padding:15px;
border:1px solid #FFCC33;
	background:url(../image/back2.gif) repeat-x;
 }
#siyo ul li {
margin:0 0 5px;
padding-left:15px;
background:url(../image/mark.gif) no-repeat;
font-size:90%;}
#siyo ul li .shosai {
margin:0 0 0 10px;
padding-left:15px;
background:url(../image/maru.gif) no-repeat;}


/*ここからセレクト用*/
#section{
 margin:0px auto;width:90%; }
	
table.hako{
  margin:15px auto;
  
}
table.hako td{
padding:15px;
text-align:center;
}
table.hako td.cho{
padding:15px 5px 15px 15px;
text-align:left;
vertical-align:middle;
}
table.hako td.cho2{
padding:5px 15px 0px 0;
text-align:left;
vertical-align:middle;
}


img.hako2  {
margin:0 0 8px;
}

p.hakochui{  margin:5px auto 10px;
 text-align:center;
}

#futa1, #hinge1, #hinge2 ,#hinge3,#handle1,#handle2,#handle3,#handle4,#handle11,#handle12,#handle13,#handle14,#handle21,#handle22,#handle23,#handle24{ display: none;
border-top:1px solid #d4d4d4; 
margin:40px 0 0;}

#futa2 ,#hinge21, #hinge22 ,#hinge23{ display: none; 
border-top:1px solid #d4d4d4; 
margin:40px 0 0;}
#handle201,#handle202,#handle203,#handle204{ display: none; 
border-top:1px solid #d4d4d4; 
margin:40px 0 0;}

#handle211,#handle212,#handle213,#handle214,#handle221,#handle222,#handle223,#handle224{ display: none; 
border-top:1px solid #d4d4d4; 
margin:40px 0 0;}


.hakochui2{
	 margin:10px 0 0 60px;
	 padding:0;
	 color:#FFC;
	}
	
.hinji2{ margin:0 0 0 10px;}