@charset "utf-8";
/* CSS Document */

/***********************************************************

リンク色指定

***********************************************************/


img{
	margin: 0;
	border: none;
}





a:link{
	color: #794419;
	text-decoration: none;
}





a:visited{
	color: #794419;
	text-decoration: none;
}





a:hover{
	text-decoration: underline;
}



/***********************************************************

共通

***********************************************************/

*{
	padding: 0;
	margin: 0;
}



body{
	padding: 0px;
	margin: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #666666;
	line-height: 1.5em;
}


#container{
	background: url(../story/img/bg.gif) repeat-x 0 0;
}


#rayout{
	width: 750px;
	margin: 0 auto 0 auto;
	border: 1px solid #bea45a;
	background-color: #FFFFFF;
}


#header_logo{
	padding: 15px 0px 0px 10px;
}


.clearboth{
	clear: both;
	padding: 0;
	margin: 0;
}


#header_logo h1 a{
	height: 39px;
	width: 214px;
	display: block;
	text-indent: -9999px;
	background-image: url(../img/logo.gif);
}


#main_img{
	width: 739px;
	margin: 15px auto 15px auto;
}


#line{
	width: 237px;
	margin: 0 auto 0 auto;
}


#table_center{
	width: 730px;
	margin: 0 auto 0 auto;
}


.happy_text{
	width: 100%;
	margin: 0 0 10px 0;
}


.happy_text th{
	width: 210px;
}



h3{
	padding: 5px;
	margin: 5px 0 10px 0;
	border-left: 4px solid #da6681;
	font-size: 14px;
	text-indent: 0.2em;
}


.red{
	font-weight: bold;
	color: #990000;
}



.bt_shousai a{
	height: 36px;
	width: 272px;
	display: block;
	text-indent: -9999px;
	background: url(../story/img/bt_happystory.gif) no-repeat 0 0;
}



.bt_shousai a:hover{
	height: 36px;
	width: 272px;
	display: block;
	background: url(../story/img/bt_happystory_on.gif) no-repeat 0 0;
}


.bosyu-btn a{
	height: 49px;
	width: 301px;
	display: block;
	text-indent: -9999px;
	background: url(../story/img/oubo_syosai.gif) no-repeat 0 0;
}



.bosyu-btn a:hover{
	height: 49px;
	width: 301px;
	display: block;
	background: url(../story/img/oubo_syosai_on.gif) no-repeat 0 0;
}


.bt_right{
	float: right;
}



.bell_man{
	padding: 3px 0 3px 0;
	color: #3366CC;
	text-indent: 25px;
	background: url(../story/img/bel_blue.gif) no-repeat 0 0;
}


.bell_girl{
	padding: 3px 0 3px 0;
	color: #DE5094;
	text-indent: 25px;
	background: url(../story/img/bel_red.gif) no-repeat 0 0;
}









.text-box {
	clear: both;
	width: 670px;
	padding: 10px 10px 0 20px;
	margin: 0;
	line-height: 1.5em;
	text-align: center;
	text-align: justify;
}



.comment_box {
	float: left;
	height: 20px;
	width: 100px;
	padding: 0px 0 0 20px;
	margin: 0;
	text-align: left;
	background-position: left top;
	background-repeat: no-repeat;
	list-style-type: none;
}


.two {
	float: left;
	height: 20px;
	width: 100px;
	padding: 3px 0 0 20px;
	margin: 0;
	font-weight: bold;
	color: #5BA20D;
	text-align: left;
	background-image: url(img/bel_green.gif);
	background-position: left top;
	background-repeat: no-repeat;
	list-style-type: none;
}


.words {
	float: right;
	width: 550px;
	margin: 3px 0 0 0px;
	border-bottom: #EAEAEA dotted 1px;
	text-align: left;
	list-style-type: none;
}


.text-box-long {
	clear: both;
	width: 670px;
	padding: 10px 10px 10px 10px;
	margin: 0;
	line-height: 1.5em;
	text-align: center;
}

.words-long {
	float: right;
	width: 550px;
	margin: 0;
	border-bottom: #EAEAEA dotted 1px;
	text-align: left;
	list-style-type: none;
}


p.interview {
	clear: both;
	padding: 10px 0;
	margin: 10px 0 0 10px;
	font-size: 14px;
	font-weight: bold;
	color: #8BB902;
	text-align: left;
}


p.interview2 {
	clear: both;
	padding: 20px 0 10px 0;
	margin: 10px 0 0 10px;
	font-size: 14px;
	font-weight: bold;
	color: #8BB902;
	text-align: left;
}


img.big-img {
	clear: both;
}





/*----画像を入れる場合
---------*/
#text-box-images {
	clear: both;
	width: 670px;
	padding: 10px 10px 0 10px;
	margin: 0;
	line-height: 1.5em;
	text-align: left;
}

#text-box-images img {
	float: right;
	padding: 0;
	margin: 0;
}


#text-box-images .text-box {
	clear: both;
	width: 660px;
	padding: 0 10px 10px 10px;
	margin: 0;
	line-height: 1.5em;
	text-align: center;
}


#text-box-images .text-box-short {
	float: left;
	width: 460px;
	padding: 0 ;
	margin: 10px 0 0 0;
	line-height: 1.5em;
	text-align: center;
}


#text-box-images .two {
	float: left;
	height: 20px;
	width: 100px;
	padding: 3px 0 0 20px;
	margin: 0;
	font-weight: bold;
	color: #5BA20D;
	text-align: left;
	background-image: url(img/bel_green.gif);
	background-position: left top;
	background-repeat: no-repeat;
	list-style-type: none;
}


#text-box-images .words {
	float: right;
	width: 340px;
	margin: 0 10px 0 0;
	border-bottom: #EAEAEA dotted 1px;
	text-align: left;
	list-style-type: none;
}


#text-box-images .text-box .words {
	float: right;
	width: 330px;
	margin: 0 10px 0 0;
	border-bottom: #EAEAEA dotted 1px;
	text-align: left;
	list-style-type: none;
}






/*画像入り*/

#bosyu-text {
	clear: both;
	width: 700px;
	padding: 10px 15px 10px 15px;
	margin: 20px 0;
	border: dotted 1px #cccccc;
	text-align: left;
	background-color: #E8F7FF;
}


#bosyu-text img{
	margin: 10px 0 0 0;
	text-align: center;
}


.bosyu-btn {
	padding: 0;
	margin: 0;
}

 
.bt_center{
	width: 310px;
	margin: 0 auto 0 auto;
}




/*募集ページ*/


.bosyu-text {
	width: auto;
	padding: 10px;
	margin: 0;
	border: 1px solid #888;
	text-align: center;
}

   .bosyu-text h2{
	font-size: 16px;
	color: #990000;
}


.bosyu-text ul {
	padding: 10px;
	margin: 10px 10px 0 20px;
	text-align: left;
}


.bosyu-text ul li {
	padding: 0;
	margin: 20px 30px 0 30px;
	list-style: disc;
}


.bosyu-text ul li.chart {
	text-align: center;
	list-style: none;
}


.bosyu-text p {
	text-align: right;
}


/***********************************************************

募集

***********************************************************/

.oubogaiyo ul{
	padding: 0;
	margin: 0 10px 30px 10px;
	text-indent: 1.2em;
	list-style-type: none;
}


.oubogaiyo li{
	padding: 10px 0 0 1.2em;
	margin: 0;
	text-indent: -1.2em;
}


h4{
	margin: 15px 0 10px 0;
}



.bt_center_oubo{
	width: 396px;
	margin: 30px auto 30px auto;
}


.oubo-btn a{
	height: 81px;
	width: 396px;
	display: block;
	text-indent: -9999px;
	background: url(../story/img/bt_oubo.gif) no-repeat 0 0;
}



.oubo-btn a:hover{
	height: 81px;
	width: 396px;
	display: block;
	background: url(../story/img/bt_oubo_on.gif) no-repeat 0 0;
}




/***********************************************************

footer

***********************************************************/

#footer{
	width: 100%;
	padding: 5px 0px 0px 0px;
	margin: 40px auto 0px auto;
	border-top: 1px solid #ccc;
	text-align: center;
}



#footer p{
	padding: 5px 0px 5px 0px;
}



#copy{
	padding: 5px 0px 5px 0px;
	color: #fff;
	background-color: #e1c39a;
}




a.footer_link:link,
a.footer_link:visited,
a.footer_link:hover{
	color: #666;
	text-decoration: none;
}




.close_w{
	margin: 10px 15px 10px 15px;
	text-align: right;
}