@charset "utf-8";

/****************************/
/* FORM_STYLE　　   　　　　*/
/*               2011.07.01 */
/****************************/


/* IMPORT :-) ■■■■■■■■■■■■■■■■■■■ */ 
@import url(reset.css); 

/* BACKGROUND/FONT_SIZE ■■■■■■■■■■■■■■■■■■■ */ 
body{
	color:#6f7272;
	font:13px/1.5 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	background:fff;
}
/* IE7 */
*:first-child+html body{ font-size: small;}
/* IE6 */
* html body{ font-size: small;}

address,em{ font-style: normal;}

em{
	color: #c01e00;
}
input,textarea,select,option{
	color:#6f7272;
	font:13px/1.5 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;

}

/* CONTAINER ■■■■■■■■■■■■■■■■■■■ */ 
#container{
	width: 1000px;
	margin: 0 auto;
}

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

header#page_header

 ----------------------------------------------*/
header#page_header {
	width:1000px;
	margin:0 auto 20px;
	border-bottom-left-radius:	6px;
	border-bottom-right-radius:	6px;
	background:#FFF;
}
header#page_header img#site_header {
}
header#page_header .header_block {
	border-left:	1px solid #d6d4ce;
	border-right:	1px solid #d6d4ce;
	border-bottom:	1px solid #d6d4ce;
	padding:12px 20px;
	border-bottom-left-radius:	6px;
	border-bottom-right-radius:	6px;
	background:#FFF;
}
header#page_header h1 {
	font-size:123%;/*16px*/
	font-weight:bold;
	margin-bottom:5px;
}
header#page_header p {
	font-size:107.7%;/*14px*/
}

/* header socialbutton */
header#page_header ul {
	padding-top:5px;
}
header#page_header li {
    display: inline-block;
    float: left;
    margin-right: 5px;
}
header#page_header li.tw {
    font-size: small;
/*    width: 110px;*/
    width: 70px;
}
header#page_header li.fbLike {
/*    width: 110px !important;*/
    width: 70px;
}

/* FORM_AREA
---------------------------------------------------- */ 
#formArea{
	width: 1000px;
	padding:5px 0 30px;
	border: 1px solid #d6d4ce;
	background-color: #ffffff;
	border-radius:	6px;
}
.formInfo{
	width:800px;
	margin: 40px auto 40px;
	border-bottom:2px dotted #d6d4ce;
}
.formInfo h2{
	margin:0 0 25px 0;
	padding:14px 15px 10px 15px;
	background:#58a19b;
	border:0px solid #58a19b;
	border-radius:6px 6px 0 0;
	color:#fff;
	font-size:22px;
	font-weight:bold;
}
.formInfo p{
	padding:0px 0 10px 0;
	/*background:#fc85b6;*/
	font-size:14px;/*15px*/
	line-height:1.7;
}
.formInfo p img{
	float:right;
	width:280px;
	margin:0px 0px 10px 20px;
}
.formInfo .present_info {
	margin:10px auto;
	padding:0 20px 0;
}
.formInfo .present_caution {
	color:#C01E00;
	font-weight:bold;
}
.formInfo img{
	float:right;
}
.form{
	width: 540px;
	margin: 0 auto;
}
.inputInfo{
	width: 540px;
	margin: 0 auto 10px;
	color: #c01e00;
}

/* INPUT_AREA
---------------------------------------------------- */ 
.inputArea{
	width: 540px;
	margin: 0 auto;
}
.inputArea li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.inputArea li { display: inline-block;}
/* Hides from IE-mac \*/
* html .inputArea li { height: 1%;}
.inputArea li { display: block;}
/* End hide from IE-mac */
.inputArea li{
	margin-bottom: 1em;
}
.item{
	width: 170px;
	text-align: right;
	font-weight: bold;
	display: block;
	float: left;
}
.input{
	width: 350px;
	float: right;
}

/* NOTICE
---------------------------------------------------- */ 
.notice{
	width: 518px;
	border: 1px solid #d6d4ce;
	height: 160px;
	overflow: auto;
	padding: 13px 10px 15px 7px;
	margin: 30px auto 0;
}
.notice dt{
	font-weight: bold;
	margin-bottom:0.5em;
	font-size: small;
}
.notice dd{
	margin-left:0.5em;
	margin-bottom:0.3em;
	padding-left: 1em;
	font-size: small;
	text-indent: -1em;
}

/* SUBMIT
---------------------------------------------------- */ 
.subBox{
	width: 540px;
	text-align: center;
	margin: 60px auto 30px auto;
}

/* INPUT_STYLE
---------------------------------------------------- */ 
/* IE入力設定 */
.inputA{ ime-mode: active;} /*（IMEオン・日本語入力モード）*/ 
.inputB{ ime-mode: inactive;} /*（IMEオフ・英数字入力モード）*/  
.inputC{ ime-mode: disabled;} /*（IME使用不可・英数字入力モード） */ 
.inputD{ ime-mode: auto;} /*（自動）デフォルト*/ 

/* form横幅設定 */
.sizeA{ width: 350px;}
.sizeB{ width: 300px;} 
.sizeC{ width: 80px;} 
.sizeD{ width: 40px;}
/*
input[type="text"]:focus { background: #fff1ef;}
textarea:focus { background: #fff1ef;}
select:focus { background: #fff1ef;}
*/

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

footer#page_footer

 ----------------------------------------------*/
footer#page_footer {
	clear:both;
	width:100%;
	margin-top:20px;
}
footer#page_footer {
	border-top:1px solid #d6d4ce;
	background:#FFF;
	padding:35px 0;
}
footer#page_footer .inner {
	width:1000px;
	margin:0 auto;
}
footer#page_footer small {
	float:left;
	font-size:92.3%;/*12px*/
	display:block;
}
footer#page_footer a {
	width:40px;
	height:40px;
	background:#333;
	float:right;
	color:#FFF;
	border-radius:20px;
}
footer#page_footer a i {
	padding:4px 12px 0;
}
footer#page_footer a:hover i {
	padding:0px 12px 0;
	transition:0.1s;
}
footer#page_footer p {
	text-indent:-9999px;
}

/* THANKS
---------------------------------------------------- */ 
.thanks{
	width: 420px;
	text-align: center;
	height: 130px;
	margin: 100px auto;
}

/* ERR
---------------------------------------------------- */ 
.err{
	width: 420px;
	text-align: center;
	height: 130px;
	margin: 100px auto;
}

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

clearfix

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

.clearfix:before, 
.clearfix:after { 
    content:""; 
    display:table; 
} 
 .clearfix:after {    clear:both;} 
 .clearfix {    zoom:1;}

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

link

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

a:link,
a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #F20000;
	text-decoration: underline;
}
object, a:focus {
	outline: none;
}
a.trans:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	transition:0.5s;
}

/*
font-size 13px
10px 	77%
11px 	84.6%
12px 	92.3%
13px 	100%
14px 	107.7%
15px 	115.4%
16px 	123%
17px 	130.7%
18px 	138.5%
19px 	146.2%
20px 	154%
21px 	161.5%
22px 	169.2%
23px 	177%
24px 	184.6%
25px 	192.3%
26px 	200%
*/