@charset "utf-8";
/*reset*/
/*******************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td { margin: 0; padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal;}
table { border-collapse: collapse; border-spacing: 0;}
object,embed { vertical-align: top;}
hr,legend { display: none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
img { border: 0; vertical-align: bottom;}
ol, ul { margin: 0;}
li { list-style: none;}
a:link { color: #595757; text-decoration: none;}
a:visited { color: #595757; text-decoration: none;}
a:hover { color: #71C2DE; text-decoration: underline;}
a:active { color: #595757;}
.center { text-align: center;}
.fr { float: right; padding-left: 15px;}
.fl { float: left; padding-right: 15px;}
.clear { clear: both;}
.right { text-align: right;}


/*LAYOUT*/
/*******************************************************************/
html { background: #C71527;}
body { background: #C71527; text-align: center; font-size: 81.25%; font-family:  "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #595757;}
#wrap { padding-top: 40px; background: #FFF; font-size: 100%; line-height: 1.7;}
#container { width: 980px; margin: 0 auto; background: url(../images/in.gif) right top repeat-y; text-align: left;}


/*HEADER*/
/*******************************************************************/
#header { width: 260px; float: left;}
#header h1 { padding-bottom: 40px;}
#header p, #header ul { padding-bottom: 40px;}
#header li { padding-bottom: 20px;}


/*FOOTER*/
/*******************************************************************/
#footer { clear: both; width: 980px; margin: 20px auto 50px; text-align: center; font-size: 77%; color: #FFF;}


/*CONTENTS*/
/*******************************************************************/
#main { float: right; width: 690px; background: url(../images/top.gif) 0 0 no-repeat;}
#contents { padding: 40px 40px 0;}
#contents h2, #contents p { padding-bottom: 20px;}
#contents h4 { padding-bottom: 10px; font-size: 123.1%; font-weight: bold;}

div#mfp_phase_confirm {	display: none; clear: both;}
#mailfrom_hidden_object { width: 1px; height: 1px; overflow: hidden;}
#mailfrom_hidden_object input { margin: 10px;}
.mfp_phase_section { clear: both;}
div.mfp_buttons { text-align: center;}
div.mfp_buttons ul { margin: 0 auto;}
div.mfp_buttons ul li { display: inline; padding: 0 10px;}
#twex { margin: 0px; overflow: hidden; z-index: 100; position: absolute; top: 0; left: 0; display: none; text-align: center; background-color: #000000; filter: alpha(opacity=60); -moz-opacity: 0.60; -khtml-opacity: 0.60; opacity: 0.60;}
.inline li { display: inline;}
.attention { font-weight: bold; color: #F33;}
.notice { font-size: 93%; color: #999;}
.btn { padding: 10px; text-align: center;}
label { padding: 0 10px;}
textarea { font-size: inherit;}
.orange { color: #F00;}
th .orange { color: #FCC;}


table, th, td { border:1px solid #C4C4C4;}
table { width: 100%; margin-bottom: 20px;}
th, td { padding:13px 20px;}
th { width: 120px; background: #C71527; font-weight: normal; color:#FFF;}
td p { padding-bottom: 0!important;}



/*HACK*/
/*******************************************************************/
/*clear*/
.cf { display: inline-block;}
.cf:after { content: "."; clear: both; display: block; height: 0; visibility: hidden;}
/*Hides from IE-mac\*/
* html .cf {height:1%;}
.cf { display:block;}
/*End hide from IE-mac*/