@charset "Shift_JIS";

.hinmoku_r_font{
	font-size: 30px;
}

.hinmoku_border{
	border-top: 1px solid #C3C3C3;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
	width: 780px;
	height: 260px;
}

.hinmoku{
	width: 322px;
	float: left;
	background-position: top;
}

#rightcolumn .hinmoku_border h1{
	background-color:#FFFFFF;
	width: 458px;
	height: 132px;
	float: right;
	margin:0;
	padding:0;
}

.hinmoku_border p{
	width: 458px;
	float: right;
	font-size: 125%;
	line-height: 1.5em;
	margin:0;
}


.hinmoku_border h2{
	color: #E85A24;
	font-weight: bold;
	font-size: 126%;
	line-height: 1.5em;
}


.hinmoku_border p .annotation{
	color: #333;
	font-weight: normal;
	font-size:70%;
	line-height:1.2em;
}

/*--------------------------------------
	#chara /shouhin-tokucho
--------------------------------------*/

#chara{
	border: 1px solid #909090;
	display: block;
	font-size:116%;
	line-height: 1.6em;
	padding-bottom:40px;
}

#chara p{
	font-size:100%;
	margin:0;
	padding:0;
	line-height:1.6em;
	letter-spacing:normal;
}

#chara .chara-top{
	background-color:#f1f1dd;
}

#chara .chara-top-img{
	margin-left:18px;
	width:350px;
}

#chara .chara-top-img2{
	margin-right:18px;
	width:350px;
}

#chara .chara-top-txt{
	width:382px;
	margin-top:15px;
}

#chara .chara-top-txt h4{
	border-bottom:2px dotted #666;
	color:#333;
	margin:0 0 5px 0;
	padding-bottom:8px;
}

#chara .chara-box-a{
	clear:both;
	width:700px;
	margin:0 auto;
}

#chara .chara-box-b{
	width:660px;
	margin:20px auto 0 auto;
}

#chara .chara-box-c{
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

#chara .border-top{
	border-top: dotted 1px #999;
}

#chara .chara-box-bn{
	width:660px;
	margin-left:auto;
	margin-right:auto;
}

#chara .chara-box-green{
	background-color:#e8f5f0;
	width:620px;
	margin-left:auto;
	margin-right:auto;
	padding:14px 20px;
}

#chara .chara-box-green ul li{
	font-size:130%;
	padding:2px 0 4px 24px;
	background-image: url(../img/usr/detail/detail-parts_12.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#chara .chara-box-green-title{
	border-bottom: 1px solid #008046;
	color:#008046;
	font-size:180%;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:0;
}


/* tokucho1-*/
#chara .chara-toku1 {
	background:url(../img/usr/detail/detail_toku_01.gif) no-repeat 0px 2px;
	border-bottom: 2px solid #008046;	padding-bottom:7px;
}

#chara .chara-toku2 {
	background: url(../img/usr/detail/detail_toku_02.gif) no-repeat 0px 2px;
	border-bottom: 2px solid #008046;	padding-bottom:7px;
}

#chara .chara-toku3 {
	background: url(../img/usr/detail/detail_toku_03.gif) no-repeat 0px 2px;
	border-bottom: 2px solid #008046;	padding-bottom:7px;
}
#chara .chara-toku4 {
	background: url(../img/usr/detail/detail_toku_04.gif) no-repeat 0px 2px;
	border-bottom: 2px solid #008046;	padding-bottom:7px;
}
#chara .chara-toku5 {
	background: url(../img/usr/detail/detail_toku_05.gif) no-repeat 0px 2px;
	border-bottom: 2px solid #008046;
	padding-bottom:7px;
}
#chara .chara-toku6 {
	background: url(../img/usr/detail/detail_toku_06.gif) no-repeat 0px 2px;
	border-bottom: 2px solid #008046;	padding-bottom:7px;
}

#chara .chara-toku7 {
	background: url(../img/usr/detail/detail_toku_07.gif) no-repeat 0px 2px;
	border-bottom: 2px solid #008046;	padding-bottom:7px;
}

#chara .chara-toku8 {
	background: url(../img/usr/detail/detail_toku_08.gif) no-repeat 0px 2px;
	border-bottom: 2px solid #008046;	padding-bottom:7px;
}

#chara .chara-toku9 {
	background: url(../img/usr/detail/detail_toku_09.gif) no-repeat 0px 2px;
	border-bottom: 2px solid #008046;	padding-bottom:7px;
}
#chara .chara-toku10 {
	background: url(../img/usr/detail/detail_toku_10.gif) no-repeat 0px 2px;
	border-bottom: 2px solid #008046;	padding-bottom:7px;
}


#chara h5 {
	font-size:180%;
	font-weight:bold;
	color:#008046;
	letter-spacing:normal;

	line-height:1.1em;
	margin:0 auto 0 75px;
	padding-top:0.3em;
}

#chara h4 {
	font-size:180%;
	font-weight:bold;
	color:#008046;
	letter-spacing:normal;
	line-height:1.1em;
	margin:0 auto 0 75px;
	padding-top:0.3em;
}


#chara .chara-answer{
	width:640px;
	background-image: url(../img/usr/detail/detail-parts_03.gif);
	background-repeat: repeat;
	margin:20px auto 0 auto;
	padding:10px;
}

#chara .chara-answer p{
	font-size:140%;
	font-weight:bold;
	color:#f00;
	margin:0 0 0 5px;
}

#chara .chara-syui{
	width:660px;
	margin:0 auto 0 auto;
	position:relative;
}
#chara .chara-syui .ph{
	display:block;
	width:190px;
	position:absolute;
	right:20px; top:24px;
	z-index:1;
}


#chara .chara-suiso {
	background: url(../img/usr/detail/detail_93_03.gif) no-repeat 0px 2px;
	border-bottom: 2px solid #008046;	padding-bottom:7px;
}


#chara .chara-box-ns{
	width:660px;
	margin:20px auto 0 auto;
	position:relative;
}

#chara .chara-box-ns .btn{
	display:block;
	width:218px;
	height:48px;
	position:absolute;
	right:10px;
	bottom:10px;
	z-index:1;
}

/*chara------txt */
#chara .chara-toku2-txt{
	width:278px;
}
#chara .chara-toku3-txt{
	width:260px;
}
#chara .chara-toku5-txt{
	width:230px;
}
#chara .chara-toku6-txt{
	width:325px;
}
#chara .chara-toku7-txt{
	width:395px;
}
#chara .chara-toku8-txt{
	width:430px;
}

#chara .chara-toku9-txt{
	width:460px;
}

#chara .chara-toku10-txt{
	width:520px;
}


#chara .chara-toku11-txt{
	width:625px;
}


/* .chara-section */
#chara .chara-section {
	background-image: url(../img/usr/detail/detail-parts_14.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom:18px;
	margin:30px auto 20px auto;
	width:660px;
}

#chara .chara-section-bg{
	background-image: url(../img/usr/detail/detail-parts_14.gif);
	background-position: top;
	background-repeat: no-repeat;
	margin:0 auto;
	padding:16px 20px 0 20px;
	z-index:2;
}

#chara .chara-section-head{
	font-size:140%;
	font-weight:bold;
	line-height:1.5em;
	padding-bottom:6px;
}


#chara .chara-section-head2{
	font-size:140%;
	font-weight:bold;
	line-height:1.5em;
	margin-bottom:-20px;
	margin-top:40px;
}


/* chara kyoutu*/
.clearboth{
	clear:both;
}


#chara .font-ls{
	letter-spacing:-0.1em;
}

#chara .lead{
	color:#444;
	font-size:120%;
	font-weight:bold;
	letter-spacing:normal;
	margin:0 auto 5px 0;
}

#chara .attention{
	border:solid 1px #CCC;
	padding:8px;
}

.mt45{
	margin-top:45px;
}



/*--------------------------------------
	#detail_box
--------------------------------------*/
#detail_box{
	width: 780px;
	border-spacing: 0px;
	border: 1px solid #909090;
	height: 50px;
	border-collapse: collapse;
}

#detail_box tr .left_normal{
	border-collapse: collapse;
	background-color: #EFEFEF;
	padding-left: 10px;
	padding-top: 5px;
}

#detail_box tr .left_normal2{
	border-collapse: collapse;
	background-color: #EFEFEF;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #929292;
	text-align: center;
	line-height: 21px;
}

#detail_box tr .left_normal3{
	border-collapse: collapse;
	background-color: #EFEFEF;
}


#detail_box tr .left_normal span{
	font-size: 116%;
	font-weight: bold;
}

#detail_box tr .normal{
	background-image: url(../img/sys/bg_bar.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-left: 20px;
}

#detail_box tr .normal2{
	padding-left: 20px;
}



#detail_box tr .normal a{
	text-decoration: underline;
	padding-left: 10px;
	font-size: 125%;
	background-image: url(../img/sys/blue_yazi2.gif);
	background-repeat: no-repeat;
	letter-spacing: 0.05em;
	line-height: 21pt;
	color: #193DAA;
	font-weight: bold;
}

#detail_box tr .normal a{
	text-decoration: underline;
	padding-left: 10px;
	font-size: 125%;
	background-image: url(../img/sys/blue_yazi2.gif);
	background-repeat: no-repeat;
	letter-spacing: 0.05em;
	line-height: 21pt;
	color: #193DAA;
	font-weight: bold;
}

#detail_box tr .normal a:hover{
	color: #006600;
	text-decoration: underline;
}

#detail_box tr .normal2 a:hover{
	color: #006600;
	text-decoration: underline;
}


#detail_box2{
	width: 780px;
	border-spacing: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #909090;
	border-bottom-color: #909090;
	border-left-color: #909090;
	height: 77px;
}

#detail_box2 tr .left_normal{
	border-collapse: collapse;
	padding-left: 10px;
	font-weight: bold;
	font-size: 110%;
}

#detail_box2 tr .left_normal_yen{
	border-collapse: collapse;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #929292;
	font-size: 125%;
}

#detail_box2 tr .left_normal_yen red{
	border-collapse: collapse;
	height: 80px;
	font-size: 136%;
	font-weight: bold;
}

#detail_box2 tr .left_normal_yen green{
	border-collapse: collapse;
	height: 80px;
	font-size: 136%;
	font-weight: bold;
}

#detail_box2 tr .left_normal_num{
	border-collapse: collapse;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #929292;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
}

#detail_box2 tr .left_normal_num form p{
	font-size: 105%;
}

#detail_box2 tr .left_normal span{
	color: #F00;
}

#detail_box2 tr .left_normal2{
	border-collapse: collapse;
	text-align: center;
}

#detail_box2 tr .normal{
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-left: 20px;
}

#detail_box2 tr .normal2{
	padding-left: 20px;
}



#detail_box2 tr .normal a{
	text-decoration: underline;
	padding-left: 10px;
	font-size: 125%;
	background-image: url(../img/sys/blue_yazi2.gif);
	background-repeat: no-repeat;
	letter-spacing: 0.05em;
	line-height: 21pt;
	color: #193DAA;
	font-weight: bold;
}

#detail_box2 tr .normal2 a{
	text-decoration: underline;
	padding-left: 10px;
	font-size: 125%;
	background-image: url(../img/sys/blue_yazi2.gif);
	background-repeat: no-repeat;
	letter-spacing: 0.05em;
	line-height: 21pt;
	color: #193DAA;
	font-weight: bold;
}

#detail_box2 tr .normal a:hover{
	color: #006600;
	text-decoration: underline;
}

#detail_box2 tr .normal2 a:hover{
	color: #006600;
	text-decoration: underline;
}


#detail_box3{
	width: 780px;
	border-spacing: 0px;
	background-color: #FFFFDB;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #909090;
	border-bottom-color: #909090;
	border-left-color: #909090;
	height: 77px;
}

#detail_box3 tr .left_normal{
	border-collapse: collapse;
	padding-left: 10px;
	font-size: 110%;
	font-weight: bold;
}

#detail_box3 tr .left_normal_yen{
	border-collapse: collapse;
	font-weight: bold;
	font-size: 125%;
	color: #F00;
}

#detail_box3 tr .left_normal_yen span{
	border-collapse: collapse;
	height: 80px;
	font-weight: bold;
	font-size: 136%;
}
#detail_box3 tr .left_normal_off{
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #929292;
	border-collapse: collapse;
	vertical-align: middle;
}

#detail_box3 tr .left_normal_num{
	border-collapse: collapse;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #929292;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
}

#detail_box3 tr .left_normal_num form p{
	font-size: 105%;
}

#detail_box3 tr .left_normal_yen .20off{
	margin-top: 20px;
	margin-left: 20px;
	float: right;
}

#detail_box3 tr .left_normal span{
	color: #F00;
}

#detail_box3 tr .left_normal2{
	border-collapse: collapse;
	text-align: center;
}

#detail_box3 tr .normal{
	background-image: url(../img/sys/bg_bar.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-left: 20px;
}

#detail_box3 tr .normal2{
	padding-left: 20px;
}



#detail_box3 tr .normal a{
	text-decoration: underline;
	padding-left: 10px;
	font-size: 125%;
	background-image: url(../img/sys/blue_yazi2.gif);
	background-repeat: no-repeat;
	letter-spacing: 0.05em;
	line-height: 21pt;
	color: #193DAA;
	font-weight: bold;
}

#detail_box3 tr .normal2 a{
	text-decoration: underline;
	padding-left: 10px;
	font-size: 125%;
	background-image: url(../img/sys/blue_yazi2.gif);
	background-repeat: no-repeat;
	letter-spacing: 0.05em;
	line-height: 21pt;
	color: #193DAA;
	font-weight: bold;
}

#detail_box3 tr .normal a:hover{
	color: #006600;
	text-decoration: underline;
}

#detail_box3 tr .normal2 a:hover{
	color: #006600;
	text-decoration: underline;
}


#sub_navi{
	background-color: #EEEEE4;
	height: 40px;
	padding-top: 10px;
	padding-left: 6px;
	margin-top: 25px;
}

#sub_navi li{
	float: left;
	padding-right: 5px;
}

/*--------------------------------------
	.recipe
--------------------------------------*/
.recipe_box{
	border: 1px solid #909090;
	display: block;
	padding-top:10px;
	padding-bottom:20px;
}

.recipe_box-line{
	height: 208px;
	width: 740px;
	margin:10px auto 0 auto;
}

.recipe_box-line .cook1{
	background-color:#f1f1dd;
	width: 240px;
	height:208px;
	float: left;
	margin-right: 10px;
}

.recipe_box-line .cook-last{
	background-color:#f1f1dd;
	width: 240px;
	height:208px;
	float: left;
}

.recipe_box-line .cook-name{
	color: #333333;
	font-size: 110%;
	font-weight: bold;
	line-height:1.3em;
	margin:10px 5px 2px 10px;
}

.recipe_box-line .cook-btn{
	margin-top:4px;
	margin-bottom:10px;
	text-align:center;
}

/*???V?s?u?????N?p */
.recipe_box-line .cook-blank{
	background-image: url(../img/usr/detail/detail-parts_06.gif);
	background-color:#ddd;
	background-repeat: no-repeat;
	float: left;
	height:208px;
	width: 240px;
	margin-right: 10px;
}

.recipe_box-line .cook-blank-last{
	background-image: url(../img/usr/detail/detail-parts_06.gif);
	background-color:#ddd;
	background-repeat: no-repeat;
	float: left;
	height:208px;
	width: 240px;
}

/*--------------------------------------
	#customer_box
--------------------------------------*/
#customer_box{
	background-color: #E9E9D3;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #909090;
	border-right-color: #909090;
	border-left-color: #909090;
	padding-bottom: 20px;
	width: 780px;
}


#customer_box .c_in_box50m{
	margin-top: 20px;
	margin-left: 40px;
	margin-bottom: 20px;
	display: block;
	width: 695px;
}

#customer_box .c_in_box50m .l_sub_box{
	width: 74px;
	float: left;
}

#customer_box .c_in_box50m .r_sub_box{
	width: 621px;
	float: right;
	display: block;
}

#customer_box .c_in_box50m .r_sub_box .messe_box{
	width: 621px;
	background-image: url(../img/sys/50_m_bg.gif);
	background-repeat: repeat-y;
	overflow: hidden;
}

#customer_box .c_in_box50m .r_sub_box .messe_box span{
	font-size: 116%;
	line-height: 1.5em;
	font-weight: bold;
}

#customer_box .c_in_box50m .r_sub_box .messe_box .comment{
	margin-left: 40px;
	margin-top: -15px;
}

#customer_box .c_in_box50m .l_sub_box .r_01 .age{
	font-size: 116%;
	font-weight: bold;
	text-align: center;
}

#customer_box .c_in_box40f{
	width: 695px;
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 20px;
	display: block;
}

#customer_box .c_in_box40f .l_sub_box{
	width: 74px;
	float: left;
}

#customer_box .c_in_box40f .r_sub_box{
	width: 621px;
	float: right;
	display: block;
}

#customer_box .c_in_box40f .r_sub_box .messe_box{
	width: 621px;
	background-image: url(../img/sys/40_f_bg.gif);
	background-repeat: repeat-y;
	overflow: hidden;
}

#customer_box .c_in_box40f .r_sub_box .messe_box span{
	font-size: 116%;
	line-height: 1.5em;
	font-weight: bold;
}

#customer_box .c_in_box40f .r_sub_box .messe_box .comment{
	margin-left: 40px;
	margin-top: -15px;
}

#customer_box .c_in_box40f .l_sub_box .r_01 .age{
	font-size: 116%;
	font-weight: bold;
	text-align: center;
}

#customer_box .c_in_box40m{
	width: 695px;
	margin-top: 20px;
	margin-left: 40px;
	margin-bottom: 30px;
	display: block;
}

#customer_box .c_in_box40m .l_sub_box{
	width: 74px;
	float: right;
}

#customer_box .c_in_box40m .r_sub_box{
	width: 621px;
	float: left;
	display: block;
}

#customer_box .c_in_box40m .r_sub_box .messe_box{
	width: 621px;
	background-image: url(../img/sys/40_m_bg.gif);
	background-repeat: repeat-y;
	overflow: hidden;
}

#customer_box .c_in_box40m .r_sub_box .messe_box span{
	font-size: 116%;
	line-height: 1.5em;
	font-weight: bold;
}

#customer_box .c_in_box40m .r_sub_box .messe_box .comment{
	margin-top: -15px;
	margin-right: 20px;
	margin-left: 20px;
}

#customer_box .c_in_box40m .l_sub_box .r_01 .age{
	font-size: 116%;
	font-weight: bold;
	text-align: center;
}

#customer_box .c_in_box30f{
	width: 695px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	margin-left: 40px;
}

#customer_box .c_in_box30f .l_sub_box{
	width: 74px;
	float: right;
}

#customer_box .c_in_box30f .r_sub_box{
	width: 621px;
	float: left;
	display: block;
}

#customer_box .c_in_box30f .r_sub_box .messe_box{
	width: 621px;
	background-image: url(../img/sys/30_f_bg.gif);
	background-repeat: repeat-y;
	overflow: hidden;
}

#customer_box .c_in_box30f .r_sub_box .messe_box span{
	font-size: 116%;
	line-height: 1.5em;
	font-weight: bold;
}

#customer_box .c_in_box30f .r_sub_box .messe_box .comment{
	margin-left: 20px;
	margin-top: -15px;
}

#customer_box .c_in_box30f .l_sub_box .r_01 .age{
	font-size: 116%;
	font-weight: bold;
	text-align: center;
}


/*--------------------------------------
	Q&A
--------------------------------------*/
#qa_box{
	border: 1px solid #909090;
	display: block;
	padding-bottom: 40px;
}

#qa_box .qa_sub_box{
	width: 660px;
	margin-top: 20px;
	margin-left: 60px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding-bottom: 20px;
}

#qa_box .qa_sub_box .r_01{
	width: 330px;
	float: left;
}

#qa_box .qa_sub_box .r_02{
	width: 330px;
	float: right;
	padding-bottom: 10px;
}

#qa_box .qa_sub_box2{
	width: 660px;
	margin-left: 60px;
	margin-top: 20px;
}

#qa_box .qa_sub_box2 .r_01{
	width: 330px;
	float: left;
}

#qa_box .qa_sub_box2 .r_02{
	width: 330px;
	float: right;
}

#qa_box .qa_sub_box .r_01 .q{
	font-size: 125%;
	padding-top: 10px;
	color: #008945;
	font-weight: bold;
}

#qa_box .qa_sub_box .r_02 .a{
	font-size: 125%;
	color: #333333;
	padding-top: 10px;
}

#qa_box .qa_sub_box2 .r_01 .q{
	font-size: 125%;
	color: #008945;
	padding-top: 10px;
	font-weight: bold;
}

#qa_box .qa_sub_box2 .r_02 .a{
	font-size: 125%;
	color: #333333;
	padding-top: 10px;
}

/*--------------------------------------
	#monthly
--------------------------------------*/
#monthly{
	border-left: 1px solid #909090;
	border-right: 1px solid #909090;
	border-bottom: 1px solid #909090;
	width:780px;
}

/*--------------------------------------
	#mate_box
--------------------------------------*/
#mate_box{
	width: 780px;
	border-spacing: 0px;
	border: 1px solid #929292;
}

#mate_box tr .left_normal{
	width: 115px;
	border-collapse: collapse;
	background-color: #EFEFEF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #929292;
	color: #4C4C4C;
	text-align: center;
	font-weight: bold;
}

#mate_box tr .normal{
	font-size: 110%;
	padding: 10px;
}

#mate_box tr .normal2{
	padding-left: 20px;
}



#mate_box tr .normal a{
	text-decoration: underline;
	padding-left: 10px;
	font-size: 125%;
	background-image: url(../img/sys/blue_yazi2.gif);
	background-repeat: no-repeat;
	letter-spacing: 0.05em;
	line-height: 21pt;
	color: #193DAA;
	font-weight: bold;
}

#mate_box tr .normal2 a{
	text-decoration: underline;
	padding-left: 10px;
	font-size: 125%;
	background-image: url(../img/sys/blue_yazi2.gif);
	background-repeat: no-repeat;
	letter-spacing: 0.05em;
	line-height: 21pt;
	color: #193DAA;
	font-weight: bold;
}

#mate_box tr .normal a:hover{
	color: #006600;
	text-decoration: underline;
}

#mate_box tr .normal2 a:hover{
	color: #006600;
	text-decoration: underline;
}

#mate_box2{
	width: 780px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #929292;
	border-spacing: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #929292;
	border-left-color: #929292;
}


#mate_box2 tr .left_normal{
	width: 115px;
	border-collapse: collapse;
	background-color: #EFEFEF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #929292;
	line-height: 1.3em;
	color: #4C4C4C;
	text-align: center;
	font-weight: bold;
}


#mate_box2 tr .normal{
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 110%;
}

#mate_box2 tr .normal2{
	padding-left: 20px;
}

#mate_box2 tr .normal a{
	text-decoration: underline;
	padding-left: 10px;
	font-size: 125%;
	background-image: url(../img/sys/blue_yazi2.gif);
	background-repeat: no-repeat;
	letter-spacing: 0.05em;
	line-height: 21pt;
	color: #193DAA;
	font-weight: bold;
}

#mate_box2 tr .normal2 a{
	text-decoration: underline;
	padding-left: 10px;
	font-size: 125%;
	background-image: url(../img/sys/blue_yazi2.gif);
	background-repeat: no-repeat;
	letter-spacing: 0.05em;
	line-height: 21pt;
	color: #193DAA;
	font-weight: bold;
}


#mate_box2 tr .normal a:hover{
	color: #006600;
	text-decoration: underline;
}

#mate_box2 tr .normal2 a:hover{
	color: #006600;
	text-decoration: underline;
}
#mate_box3{
	width: 780px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #929292;
	border-spacing: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #929292;
	border-left-color: #929292;
}


#mate_box3 tr .left_normal{
	width: 115px;
	border-collapse: collapse;
	background-color: #EFEFEF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #929292;
	line-height: 1.3em;
	color: #4C4C4C;
	text-align: center;
	font-weight: bold;
}


#mate_box3 tr .normal{
	padding: 10px;
	font-size: 110%;
}

#mate_box3 tr .normal2{
	padding-left: 20px;
}

#mate_box3 tr .normal a{
	text-decoration: underline;
	padding-left: 10px;
	font-size: 125%;
	background-image: url(../img/sys/blue_yazi2.gif);
	background-repeat: no-repeat;
	letter-spacing: 0.05em;
	line-height: 21pt;
	color: #193DAA;
	font-weight: bold;
}

#mate_box3 tr .normal2 a{
	text-decoration: underline;
	padding-left: 10px;
	font-size: 125%;
	background-image: url(../img/sys/blue_yazi2.gif);
	background-repeat: no-repeat;
	letter-spacing: 0.05em;
	line-height: 21pt;
	color: #193DAA;
	font-weight: bold;
}


#mate_box3 tr .normal a:hover{
	color: #006600;
	text-decoration: underline;
}

#mate_box3 tr .normal2 a:hover{
	color: #006600;
	text-decoration: underline;
}



#mate_box4{
	width: 780px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #929292;
	border-spacing: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #929292;
	border-left-color: #929292;
}

#mate_box4 tr .left_normal{
	width: 115px;
	border-collapse: collapse;
	background-color: #EFEFEF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #929292;
	color: #4C4C4C;
	text-align: center;
	font-weight: bold;
}


#mate_box4 tr .normal{
	font-size: 110%;
	padding: 10px;
}

#mate_box4 tr .normal2{
	padding-left: 20px;
}

#mate_box4 tr .normal a{
	text-decoration: underline;
	padding-left: 10px;
	font-size: 125%;
	background-image: url(../img/sys/blue_yazi2.gif);
	background-repeat: no-repeat;
	letter-spacing: 0.05em;
	line-height: 21pt;
	color: #193DAA;
	font-weight: bold;
}

#mate_box4 tr .normal2 a{
	text-decoration: underline;
	padding-left: 10px;
	font-size: 125%;
	background-image: url(../img/sys/blue_yazi2.gif);
	background-repeat: no-repeat;
	letter-spacing: 0.05em;
	line-height: 21pt;
	color: #193DAA;
	font-weight: bold;
}

#mate_box4 tr .normal a:hover{
	color: #006600;
	text-decoration: underline;
}

#mate_box4 tr .normal2 a:hover{
	color: #006600;
	text-decoration: underline;
}

#mate_box5{
	width: 780px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #929292;
	border-spacing: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #929292;
	border-left-color: #929292;
}

#mate_box5 tr .left_normal{
	width: 115px;
	border-collapse: collapse;
	background-color: #EFEFEF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #929292;
	color: #4C4C4C;
	text-align: center;
	font-weight: bold;
}


#mate_box5 tr .normal{
	font-size: 110%;
	padding: 10px;
}

#mate_box5 tr .normal2{
	padding-left: 20px;
}

#mate_box5 tr .normal a{
	text-decoration: underline;
	padding-left: 10px;
	font-size: 125%;
	background-image: url(../img/sys/blue_yazi2.gif);
	background-repeat: no-repeat;
	letter-spacing: 0.05em;
	line-height: 21pt;
	color: #193DAA;
	font-weight: bold;
}

#mate_box5 tr .normal2 a{
	text-decoration: underline;
	padding-left: 10px;
	font-size: 125%;
	background-image: url(../img/sys/blue_yazi2.gif);
	background-repeat: no-repeat;
	letter-spacing: 0.05em;
	line-height: 21pt;
	color: #193DAA;
	font-weight: bold;
}

#mate_box5 tr .normal a:hover{
	color: #006600;
	text-decoration: underline;
}

#mate_box5 tr .normal2 a:hover{
	color: #006600;
	text-decoration: underline;
}


#caution_box{
	height: 80px;
	width: 780px;
}

#rightcolumn .ca_l{
	width: 500px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 110%;
	line-height: 1.3em;
}

#rightcolumn .ca_r{
	width: 280px;
	float: right;
	text-align: left;
}
#caution_box .ca_l span{
	font-weight: bold;
}


.sns div{
	margin: 0;
	padding: 0;
	width: 105px;
	float: right;
	overflow: hidden;

}

.sns .friend{
	height:34px;
	width:231px;
	margin-right:10px;

}

.sns .mixi{
	width: 100px;
	text-align: left;
	margin-top: 10px;
}


.sns .twitter{
	margin-top:10px;
}

.sns .facebook{
	margin-top:10px;
}

.sns .google{
	text-align: left;
	margin-top: 10px;
}


.sumi2 {
	font-size: 136%;
	font-weight: bold;
}
.sumi3 {
	font-weight: bold;
}
.green2 {
	color: #008945;
}

/*--------------------------------------
	text, font
--------------------------------------*/
.t-left{text-align:left;}
.t-right{text-align:right;}
.t-center{text-align:center;}
.bold{
	font-weight:bold;
}

.marker{
	background-color:#ffff96;
}

.pink{
	color:#ec5c65;
}

.color-red{
	color:#e00;
}
.color-green{
	color:#008046;
}

.color-blue{
	color:#039;
}

.font-s{
	font-size:80%;
	line-height:1.4em;
	letter-spacing:normal;
}

.font-n{
	font-size:100%;
	letter-spacing:normal;
}

.font-super{
	color:#666;
	font-size:60%;
	vertical-align:super;
}

.font-sub{
	color:#666;
	font-size:60%;
}


/*--------------------------------------
	汎用ボックス
--------------------------------------*/
.box-border{
	border:1px solid #CCC;
	padding:8px;
}

.box-border-green{
	border:1px solid #008046;
	padding:8px;
}
.box-gray{
	background-color:#eee;
	padding:8px;
}

.box-blue2{
	background-color: #e4f7ff;
	padding:8px;
}

.box-yellow{
	background-color: #fdfdd0;
	padding:8px;
}


/*--------------------------------------
	voiceindex
--------------------------------------*/
#voiceindex {
	width: 780px;
	margin-bottom: -20px;
}
#voiceindex .voice_header {
	width: 100%;
	background: #b0d45c;
	padding-top: 20px;
	padding-bottom: 45px;
}
#voiceindex .voice_header p {
	font-size: 0;
	line-height: 0;
	width: 180px;
	margin: 0 auto;
}
#voiceindex .voice_header ul {
	list-style: none;
	width: 740px;
	margin: 10px 20px 0;
}
#voiceindex .voice_header ul li {
	width: 360px;
	font-size: 0;
	line-height: 0;
}
#voiceindex .voice_header ul li.anchor_01 {
	float: left;
}
#voiceindex .voice_header ul li.anchor_02 {
	float: right;
}
#voiceindex .voice_header p img,
#voiceindex .voice_header ul li img {
	width: 100%;
	height: auto;
}
#voiceindex .voice_header p a,
#voiceindex .voice_header ul li a {
	display: block;
	transition: all .2s linear;
}
#voiceindex .voice_header p a:hover,
#voiceindex .voice_header ul li a:hover {
	opacity: .7;
}
/* area_01 */
#voiceindex #area_01 {
	margin-top: -30px;
	padding-top: 30px;
}
/* interview_main_contents */
#voiceindex .interview_main_contents {
	background: #b0d45c url(../img/usr/detail/voice/visual_bg.png) repeat-x 0 0;
	background-size: 1px 1076px;
	padding-bottom: 30px;
}
/* interview_visual */
#voiceindex .interview_visual {
	width: 100%;
	height: 480px;
}
#voiceindex .interview_visual_inner {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#voiceindex .interview_visual h2,
#voiceindex .interview_visual p {
	font-size: 0;
	line-height: 0;
}
#voiceindex .interview_visual h2 {
	width: 570px;
	padding:65px 0 0 0;
	margin:0 0 0 7px;
}
#voiceindex .interview_visual p {
	width: 180px;
	position: absolute;
	top: -25px;
	right: 0;
}
#voiceindex .interview_visual h2 img,
#voiceindex .interview_visual p img {
	width: 100%;
	height: auto;
}
/* interview_area */
#voiceindex .interview_area {
	width: 100%;
	margin-top: 50px;
}
#voiceindex .interview_area_01 {
	margin-top: 0;
}
#voiceindex .interview_area_inner {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}
#voiceindex .interview_area_inner {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	border-radius: 28px;
}
#voiceindex .interview_area_title,
#voiceindex .interview_area_image {
	font-size: 0;
	line-height: 0;
	width: 740px;
}
#voiceindex .interview_area_thumb {
	font-size: 0;
	line-height: 0;
	width: 600px;
	margin: 27px auto 0;
}
#voiceindex .interview_area_title img,
#voiceindex .interview_area_thumb img,
#voiceindex .interview_area_image img {
	width: 100%;
	height: auto;
}

#voiceindex .interview_area_thumb a {
	display: block;
	transition: all .2s linear;
}
#voiceindex .interview_area_thumb a:hover {
	display: block;
	opacity: .8;
}
#voiceindex .interview_area_title img {
	margin-top: -25px;
}
#voiceindex .interview_area_image {
	padding-top: 55px;
	padding-bottom: 55px;
}
/* voice_main_contents */
#voiceindex .voice_main_contents {
	background: #b0d45c url(../img/usr/detail/voice/visual_bg.png) repeat-x 0 0;
	background-size: 1px 1076px;
	padding-bottom: 60px;
}
/* voice_visual */
#voiceindex .voice_visual {
	width: 100%;
	height: 300px;
}
#voiceindex .voice_visual_inner {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}
#voiceindex .voice_visual h2 {
	font-size: 0;
	line-height: 0;
}
#voiceindex .voice_visual h2 img {
	width: 100%;
	height: auto;
}
/* voice_area */
#voiceindex .voice_area {
	width: 100%;
	margin-top: 50px;
}
#voiceindex .voice_area_01 {
	margin-top: 0;
}
#voiceindex .voice_area_inner {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}
#voiceindex .voice_area_inner {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	border-radius: 28px;
}
#voiceindex .voice_area_title,
#voiceindex .voice_area_image {
	font-size: 0;
	line-height: 0;
	width: 740px;
}
#voiceindex .voice_area_title img,
#voiceindex .voice_area_image img {
	width: 100%;
	height: auto;
}
#voiceindex .voice_area_title img {
	margin-top: -18px;
}
/* voice_thanks_area */
#voiceindex .voice_thanks_area {
	width: 100%;
	background: #006a32;
	padding-bottom: 20px;
	margin-top: -18px;
}
#voiceindex .voice_thanks_area_inner {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#voiceindex .voice_thanks_area p {
	font-size: 0;
	line-height: 0;
}
#voiceindex .voice_thanks_01 {
	width: 700px;
	margin: 0 auto;
	position: absolute;
	top: -43px;
	left: 0;
	right: 0;
}
#voiceindex .voice_thanks_02 {
	width: 641px;
	padding-top: 85px;
	margin-left: auto;
	margin-right: auto;
}
#voiceindex .voice_thanks_float_box {
	margin-top: 20px;
	width: 740px;
}
#voiceindex .voice_thanks_03 {
	width: 550px;
	float: left;
	background: #fff;
	border-radius: 25px;
}
#voiceindex .voice_thanks_item {
	width: 162px;
	float: right;
}
#voiceindex .voice_thanks_01 img,
#voiceindex .voice_thanks_02 img,
#voiceindex .voice_thanks_03 img,
#voiceindex .voice_thanks_item img {
	width: 100%;
	height: auto;
}
/* voice_footer */
#voiceindex .voice_footer {
	padding-top: 20px !important;
	background: #F0FAD2 !important;
}
#voiceindex .voice_footer .voice_footer_link {
	margin-top: 20px;
}
#voiceindex .voice_footer ul li {
	font-size: 0;
	line-height: 0;
	float: left;
	margin-right: 12px;
}
#voiceindex .voice_footer ul li:last-child {
	margin-right: 0;
}

/* voice_fixed_pagetop */
#voiceindex .voice_fixed_pagetop {
	position: fixed;
	bottom: 33px;
	right: 0;
	width: 46px;
	height: auto;
	transition: all .25s linear;
	opacity: 0;
}
#voiceindex .voice_fixed_pagetop.active {
	opacity: 1;
}
#voiceindex .voice_fixed_pagetop a {
	display: block;
	transition: all .2s linear;
}
#voiceindex .voice_fixed_pagetop a:hover {
	opacity: .7;
}
#voiceindex .voice_fixed_pagetop img {
	width: 100%;
	height: auto;
}