@charset "UTF-8";/*globalnavi */



/**********************************************
reset
***********************************************/

p{
padding:0px;
margin:0px;
}

div{
margin:0px;
padding:0px;
}

ul,ol{
margin:0px;
padding:0px;
}

li img{
vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6{
margin:0px;
padding:0px;
}

address{
margin:0px;
padding:0px;
font-style:normal;
}

dl,dt,dd{
padding:0px;
margin:0px;
}

td,th{
}

textarea,select,input {
vertical-align:middle;
}

img{
border:none;
}

button{
cursor:pointer;
}

form{
margin:0px;
padding:0px;
}

input{
margin:0px;
padding:0px;
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Verdana","ＭＳ Ｐゴシック","sans-serif";
}

textarea{
font-size:12px;
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Verdana","ＭＳ Ｐゴシック","sans-serif";
}


sup,sub{
font-size:8px;
}



/**********************************************
common style
***********************************************/

.clear { clear: both; width:0px; height:0px; display:block; overflow:hidden; }

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
overflow:hidden;
font-size:0.1em;
line-height:0;
}

.clearfix{
zoom:1;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */




.p_t05{ padding-top:5px !important;}
.p_t10{ padding-top:10px !important;}
.p_t15{ padding-top:15px !important;}
.p_t20{ padding-top:20px !important;}
.p_t30{ padding-top:30px !important;}
.p_t40{ padding-top:40px !important;}

.p_b05{ padding-bottom:5px !important;}
.p_b10{ padding-bottom:10px !important;}
.p_b15{ padding-bottom:15px !important;}
.p_b20{ padding-bottom:20px !important;}
.p_b30{ padding-bottom:30px !important;}
.p_b40{ padding-bottom:40px !important;}

.m_t05{ margin-top:5px !important;}
.m_t10{ margin-top:10px !important;}
.m_t15{ margin-top:15px !important;}
.m_t20{ margin-top:20px !important;}
.m_t30{ margin-top:30px !important;}
.m_t40{ margin-top:40px !important;}

.m_b05{ margin-bottom:5px !important;}
.m_b10{ margin-bottom:10px !important;}
.m_b15{ margin-bottom:15px !important;}
.m_b20{ margin-bottom:20px !important;}
.m_b30{ margin-bottom:30px !important;}
.m_b40{ margin-bottom:40px !important;}

.th_10{ width:10px; }
.th_20{ width:20px; }
.th_30{ width:30px; }
.th_40{ width:40px; }
.th_60{ width:60px; }
.th_80{ width:80px; }
.th_100{ width:100px; }
.th_120{ width:120px; }
.th_140{ width:140px; }
.th_160{ width:160px; }
.th_180{ width:180px; }
.th_200{ width:200px; }
.th_220{ width:220px; }
.th_240{ width:240px; }
.th_260{ width:260px; }
.th_280{ width:280px; }
.th_300{ width:300px; }

.cen{ text-align:center !important; }
.rgt{ text-align:right !important; }
.lft{ text-align:left !important; }

.v_top{ vertical-align:top; }
.v_top td{ vertical-align:top; }
.v_middle{ vertical-align:middle; }
.v_middle td{ vertical-align:middle; }
.v_bottom{ vertical-align:bottom; }
.v_bottom td{ vertical-align:bottom; }

/*.f30{ width:30px; padding:2px; }
.f50{ width:50px; padding:2px; }
.f80{ width:80px; padding:2px; }
.f100{ width:100px; padding:2px; }
.f150{ width:150px; padding:2px; }
.f200{ width:200px; padding:2px; }
.f250{ width:250px; padding:2px; }
.f300{ width:300px; padding:2px; }
.f350{ width:350px; padding:2px; }
.f400{ width:400px; padding:2px; }
.f450{ width:450px; padding:2px; }
.f500{ width:500px; padding:2px; }

.f30:focus,
.f50:focus,
.f80:focus,
.f100:focus,
.f150:focus,
.f200:focus,
.f250:focus,
.f300:focus,
.f350:focus,
.f400:focus,
.f450:focus,
.f500:focus,
.textarea:focus{
background-color:#f1f1f1;
}*/


.f30{ width:30px; padding:2px; }
.f50{ width:50px; padding:2px; }
.f80{ width:80px; padding:2px; }
.f100{ width:100px; padding:2px; }
.f150{ width:150px; padding:2px; }
.f200{ width:200px; padding:2px; }
.f250{ width:250px; padding:2px; }
.f300{ width:300px; padding:2px; }
.f350{ width:350px; padding:2px; }
.f400{ width:400px; padding:2px; }
.f450{ width:450px; padding:2px; }
.f500{ width:500px; padding:2px; }

.f30:focus,
.f50:focus,
.f80:focus,
.f100:focus,
.f150:focus,
.f200:focus,
.f250:focus,
.f300:focus,
.f350:focus,
.f400:focus,
.f450:focus,
.f500:focus,
.textarea:focus{
}
/* form text の角丸と内側ドロップとフォーカス */
input[type="text"],
textarea,
select {
	padding:3px 8px;
	border:1px solid #a9a9a9;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
		box-shadow:2px 2px 2px 0 rgba(210,200,210,0.2) inset; 
	-webkit-box-shadow:2px 2px 2px 0 rgba(210,210,210,0.2) inset;
	-moz-box-shadow:2px 2px 2px 0 rgba(210,210,210,0.2) inset;
}

input[type="text"]:focus,
textarea:focus,
select:focus {
	border:1px solid #442a21;
}





.bold{ font-weight:bold; }
.redtxt{ color:#CF1212; }
.font14{ font-size:14px; }
.font16{ font-size:16px; }
.font18{ font-size:18px; }
.font20{ font-size:20px; }

.opa a:hover img {
-moz-opacity:0.80;
opacity:0.80;
filter: alpha(opacity=80);
}

.img_right{
float:right;
padding:0px 0px 10px 20px;
text-align:center;
}
.img_left{
float:left;
padding:0px 15px 10px 0px;
text-align:center;
}

.leftBox {
	float:left;
	magin-right:20px;
	width:50%;
}
.rightBox {
	float:right;
	width:50%;
}

hr {
border:solid #c5c5c5;
border-width:1px 0px 0px 0px;
height:1px;
overflow:hidden;
margin:5px 0;
clear:both;
} 



/************************************************************
formmail start
*************************************************************/

#kaku{
padding:20px 0px;
}

table.mess_table{
border-bottom:1px solid #C7C5BE;
border-left:1px solid #C7C5BE;
margin:0px auto;
}
table.mess_table th{
border-top:1px solid #C7C5BE;
border-right:1px solid #C7C5BE;
vertical-align:top;
text-align:left;
padding:7px 10px;
background:#EAEAEA;
font-weight:normal;
width:200px;
}
table.mess_table td{
border-top:1px solid #C7C5BE;
border-right:1px solid #C7C5BE;
vertical-align:top;
text-align:left;
padding:7px 10px;
background:#F6F6F6;
font-weight:normal;
}

p.mess_txt{
line-height:200%;
padding:20px 0px;
text-align:center;
}
div.mess_button{
padding:20px 0px;
text-align:center;
}
div.mess_button input{
margin:10px 50px 10px 0px;
vertical-align:middle;
}
div.mess_button img{
vertical-align:middle;
}

.error_mail{
width:500px;
margin:0px auto;
line-height:180%;
padding:10px 0px;
font-weight:bold;
color:#ee0000;
}
.error_txt{
width:500px !important;
margin:0px auto !important;
line-height:200%;
}

#form_message{
padding-top:20px;
}

/************************************************************
formmail end
*************************************************************/