@charset "shift_jis";

/*================ Common ===================*/
html,body{
	font-size: 12px;
	line-height: 140%;
	color:#393422;
	background-color: #e8e7d9;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	scrollbar-face-color : #6b5a34;/*真ん中*/
	scrollbar-arrow-color : #a19f7e;/*▼▲*/
	scrollbar-3dlight-color: #a19f7e;/*外側の左と上*/
	scrollbar-highlight-color : #F7F7E6;/*内側の左と上*/
	scrollbar-shadow-color : #F7F7E6;/*内側の右と下*/
	scrollbar-darkshadow-color : #a19f7e;/*外側の右と下*/
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-attachment: fixed;
	background-image: url(img/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}



div#container{
	padding: 0px;
	height: auto;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}


div#header{
	background-image: url(img/dot.gif);
	padding: 0px;
	height: 20px;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


div#title{
	padding: 0px;
	height: 150px;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


div#footer{
	background-image: url(img/dot.gif);
	height: auto;
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

div#footer #txt{
	height: auto;
	text-align: left;
	font-size: 10px;
	line-height: 150%;
	background-color: #F1F1E7;
	padding: 5px;
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


div#lead, .box_text{
	padding: 0px;
	height: auto;
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	clear: both;
}

div#lead #left{
	background-image: url(img/dot_txt.gif);
	padding: 0px;
	float: left;
	height: auto;
	width: 420px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	text-align: left;
}


div#lead #right{
	padding: 0px;
	float: right;
	height: auto;
	width: 330px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: auto;
}




h3{
	font-size: 16px;
	font-weight: bold;
	color: #900;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	line-height: 1em;
}

h4{
	font-size: 15px;
	font-weight: bold;
	color: #F06;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	line-height: 1em;
	text-align: center;
}


.title{
	width: 770px;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

.title_sp{
	width: 770px;
	height: auto;
	padding: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}


.box_top_blue{
	background-image: url(img/box_blue_01.jpg);
	height: 22px;
	width: 752px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 14px;
	font-style: normal;
	line-height: 1em;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	text-align: left;
	color: #00366C;
}


.box_top_pink{
	background-image: url(img/box_pink_01.jpg);
	height: 22px;
	width: 752px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 14px;
	font-style: normal;
	line-height: 1em;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	color: #C03;
	text-align: left;
}

.box_top_red{
	background-image: url(img/box_red_01.jpg);
	height: 22px;
	width: 752px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 14px;
	font-style: normal;
	line-height: 1em;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	color: #FFF;
	text-align: left;
}

.box_middle{
	height: auto;
	width: 740px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(img/box_blue_02.jpg);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: left;
}

.box_bottom{
	background-image: url(img/box_blue_03.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 10px;
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}


.box_top_form{
	background-image: url(img/box_form_01.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 10px;
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.box_middle_form{
	height: auto;
	width: 740px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(img/box_form_02.jpg);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: left;
}

*html .box_middle_form{
	height: auto;
	width: 740px;
	margin-top: -3px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(img/box_form_02.jpg);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: left;
}

.box_bottom_form{
	background-image: url(img/box_form_03.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 10px;
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}


.sp{
	width: 715px;
	padding: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	background-color: #F5F4EB;
	border: 1px dotted #E2DBB6;
}

/*================ form ===================*/

div#ok{
	font-size: 14px;
	line-height: 150%;
	font-weight: bold;
	color: #C33;
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 200px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

.form_txt{
	text-align: left;
	line-height: 1em;
	font-size: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

#ssl{
	background-color: #FFF;
	width: 515px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	border: 1px solid #C9C6A5;
}

#at{
	padding: 10px;
	width: 700px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FAFAF5;
	border: 1px dashed #827A57;
	font-size: 10px;
	line-height: 150%;
}

/*================ etc ===================*/
p,form{
	padding: 0px;
	margin: 0px;
}

input,textarea,select{
	font-size: 12px;
	line-height: 1em;
	padding: 3px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 5px;
}


.imgL10{
	padding: 0px;
	float: left;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 0px;
	border: 1px solid #333;
}

.imgR10{
	padding: 0px;
	float: right;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 10px;
	border: 1px solid #333;
}

.border{
	border: 1px solid #B8AD98;
}

img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.bnr{
	margin-right: auto;
	margin-left: auto;
	background-color: #e8e7d9;
	padding-top: 10px;
	padding-right: 17px;
	padding-bottom: 0px;
	padding-left: 16px;
}

/*================ Fonts ===================*/
.font_small{
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 1px;
}


.font_medium {
	font-size: 12px;
	line-height: 18px;
}


.font_large {
	font-size: 16px;
	line-height: 20px;
}

.font_red {
	color: #F06;
}
.font_yellow {
	color: #999966;
	letter-spacing: 1px;
}

.font_orange {
	color: #F30;
}

.font_gray {
	color: #999999;
}

.font_blue {
color:#003399;}

.txt_center {
	text-align: center;
}
.txt_left {
	text-align: left;
}


.font_strong{
	font-weight: bold;
}

/*================ Links ===================*/
a:link    {
	color: #006699;
	text-decoration: none;
}
a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover   {
	color: #F03;
	text-decoration:underline;
}
a:active  { color: #ff6600; text-decoration: underline;}



/* Mail */
#btn_mail{
	width: 295px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: right;
	padding: 0px;
	height: 55px;
}

#btn_mail ul{
	width:295px;
	padding:0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	list-style-type: none;
	height: 55px;
}


#btn_mail ul li{
	position: relative;
	list-style:none;
	height:55px;
	width:295px;
	background-image: url(img/btn_mail_off.jpg);
	background-repeat: no-repeat;
	list-style:none;
	padding:0px;
	margin:0px;
}

#btn_mail ul li a{
	display:block;
	background-image: url(img/btn_mail_off.jpg);
}
#btn_mail ul li a:hover {
	background-image: url(img/btn_mail_on.jpg);
}

/* PLAY */
.btn_play{
	width: 120px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: right;
	padding: 0px;
	height: 37px;
	float: right;
}



.btn_play ul{
	width:120px;
	padding:0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	list-style-type: none;
	height: 37px;
	float: right;
}


.btn_play ul li{
	position: relative;
	list-style:none;
	height:37px;
	width:120px;
	background-image: url(img/btn_play_off.gif);
	background-repeat: no-repeat;
	list-style:none;
	padding:0px;
	margin:0px;
}

.btn_play ul li a{
	display:block;
	background-image: url(img/btn_play_off.gif);
}
.btn_play ul li a:hover {
	background-image: url(img/btn_play_on.gif);
}


/* ivw PLAY */
.ivw{
	background-image: url(img/ivw_bnr.gif);
	background-repeat: no-repeat;
	width: 320px;
	height: 50px;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.ivw .btn_play{
	width: 120px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	padding: 0px;
	height: 37px;
}

.ivw .btn_play ul{
	width:120px;
	padding:0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	list-style-type: none;
	height: 37px;
}


.pod{
	text-align: left;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}


/*================ Margin ===================*/

/*Margin（上）*/
.M_T0 {margin-top: 0px;}
.M_T5 {margin-top: 5px;}
.M_T10 {margin-top: 10px;}
.M_T20 {margin-top: 20px;}
.M_T30 {margin-top: 30px;}
.M_T-10 {margin-top: -10px;}
.M_T-12 {margin-top: -12px;}


/*Margin（右）*/
.M_E5 {margin-right: 5px;}
.M_R10 {margin-right: 10px;}


/*Margin（下）*/
.M_B0 {margin-bottom: 0px;}
.M_B5 {margin-bottom: 5px;}
.M_B10 {margin-bottom: 10px;}
.M_B15 {margin-bottom: 15px;}
.M_B20 {margin-bottom: 20px;}

/*Margin（左）*/
.M_L5 {margin-left: 5px;}
.M_L10 {margin-left: 10px;}


/*================ Padding ===================*/

/*Padding（上）*/
.P_T0 {
	padding-top: 0px;
	margin-top: 0px;
}
.P_T5 {
	padding-top: 5px;
	margin-top: 0px;
}
.P_T10 {
	padding-top: 10px;
	margin-top: 0px;
}
.P_T15 {
	padding-top: 15px;
	margin-top: 0px;
}
.P_T20 {
	padding-top: 20px;
	margin-top: 0px;
}

/*Padding（右）*/
.P_R5 {
	padding-right: 5px;
}
.P_R10 {
	padding-right: 10px;
}

/*Padding（下）*/
.P_B0 {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.P_B5 {
	padding-bottom: 5px;
	margin-bottom: 0px;
}
.P_B10 {
	padding-bottom: 10px;
	margin-bottom: 0px;
}
.P_B15 {
	padding-bottom: 15px;
	margin-bottom: 0px;
}
.P_B20 {
	padding-bottom: 20px;
	margin-bottom: 0px;
}


/*Padding（左）*/
.P_L5 {
	padding-left: 5px;
}
.P_L10 {
	padding-left: 10px;
}
.P_L15 {
	padding-left: 15px;
}