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


/*=====================参加形態=====================*/
.entry{
	background-image:url("../image/sbg_none.gif");
	background-repeat:repeat;
	background-position: 0 0;
	background-color:#dad3bf;
	border:1px solid #8f742b;
	padding:14px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(PIE.htc);
	position:relative;}
.w310{
	width:310px;}
.w690{
	width:660px;}
.w340{
	width:340px;}

/*-----------直接参加-----------*/
.outline01{
	width:310px;
	background-color:#fff;
	margin:0 auto;}
.outline01 img{
	margin:0;
	padding:0 0 5px 0;
	border:0;
	border-bottom:1px solid #000;}
.outline01 ul{
	margin:10px 3px 0 23px;
	padding-bottom:10px;
	}

/*-----------合体参加-----------*/
.outline02{
	width:660px;
	background-color:#fff;
	margin:0 auto;
	background-image:url("../image/circle/outline_unite.gif");
	background-repeat:no-repeat;
	background-position:0 0;
	min-height:300px;}
.outline02 img, .outline02 h5{
	display:none;}
.outline02 p{
	width:360px;
	height:90px;
	line-height:1.3em;
	padding:50px 0 0 0;
	margin:0 0 0 14px;}
.outline02 ul.come{
	margin:30px 10px 12px 28px;}
.outline02 ul.arrow{
	padding-top:8px;
	border-top:1px dotted #999;
	list-style:none;
	margin:0px 10px 0 10px;}

/*-----------委託参加-----------*/
.outline03{
	width:660px;
	min-height:239px;
	background-color:#fff;
	margin:0 auto;
	background-image:url("../image/circle/outline_trust.gif");
	background-repeat:no-repeat;
	background-position:0 37px;}
.outline03 img{
	display:none;}
.outline03 dl{
	height:37px;}

.outline03 dt{
	background-color:#66531f;
	color:#fff;
	height:28px;
	width:164px;
	float:left;
	padding: 9px 0 0 10px;
	margin-right:20px;}

.outline03 dt strong {
	color:#ffd400;
}

.outline03 dd{
	height:28px;
	padding: 9px 0 0 0;}
.outline03 ul{
	font-size:12px;
	width:315px;
	float:right;
	margin-top:20px;
	margin-right:5px;
	}

/*=====================参加方法・ご注意のnotice=====================*/
p#notice{
	width:560px;
	height:27px;
	background-image:url("../image/circle/notice_bg.gif");
	background-repeat:no-repeat;
	background-position:0 0;
	margin:10px auto 20px;
	padding:8px 0 0 130px;}

/*=====================参加申込の流れ=====================*/
#flow_all{
	text-indent:-9999px;
	float:left;
	width:118px;
	height:674px;
	background-image:url("../image/circle/flow_all.gif");
	background-repeat:no-repeat;
	background-position:0 bottom;}
#flow_all h4, #flow_all ol{
	display:none;}
#flow_simple{
	float:right;
	width:566px;
	height:757px;
	color:#000;

text-shadow:-1px -1px 0 #d4fff4;
}

#flow_simple h4{
	display:none;}
#flow_simple > ul{
	list-style:none;
	margin:0;}
li#flow_pc01,li#flow_pc02,li#flow_paper{
	width:183px;
	height:611px;
	float:left;
	margin:0 ;
	padding:0;}
li#flow_pc01 > p, li#flow_pc02 > p, li#flow_paper > p{
	display:none;}
li#flow_pc01{
	background-image:url("../image/circle/flow_pc01.png");
	background-repeat:no-repeat;
	background-position:0 0;
	margin-right:8px;
	}
li#flow_pc02{
	background-image:url("../image/circle/flow_pc02.png");
	background-repeat:no-repeat;
	background-position:0 0;
	margin-right:8px;}
li#flow_paper{
	background-image:url("../image/circle/flow_paper.png");
	background-repeat:no-repeat;
	background-position:0 0;}
ol.no_none{
	list-style:none;
	margin-left:15px;
	width:158px;}
ul.ml_none{
	margin-left:0;}
.step01{
	height:120px;
	margin-top:190px;}
.step02{
	height:115px;
	margin-top:30px;}
.step03{
	height:100px;
	margin-top:40px;}
/*-----------ボタン部分-----------*/
#flow_finish{
	clear:both;
	width:565px;
	height:146px;
	background-image:url("../image/circle/flow_finish.png");
	background-repeat:no-repeat;
	background-position:0 0;
	}
#flow_finish p{
	display:none;}
#flow_finish ul{
	margin:0;
	padding:0;
	list-style:none;}
#flow_finish li{
	float:left;
	position:relative;
	}
#flow_finish li a{
	width:170px;
	height:64px;
	display:block;
	text-indent:-9999px;
	}
#flow_finish li#link_pc01 a{
	position:absolute;
	left: 7px;
	top: 71px;
}
#flow_finish li#link_pc02 a{
	position:absolute;
	left: 198px;
	top: 71px;
}
#flow_finish li#link_paper a{
	position:absolute;
	left: 388px;
	top: 71px;
}

/*=====================申込方法の詳細とご注意=====================*/
/*-----------アコーディオン-----------*/
#detail_list {
	width:688px; 
	margin:10px auto; 
	border:1px solid #d9b4d0;
	border-top:none;}
.acc01 {
	width:688px;
	color:#000;}
.acc01 dt {
	width:678px; 
	height:29px;
	padding:10px 0 0 10px; 
	font-weight:bold; 
	cursor:pointer; 
	background-color:#fff; 
	background-image:url("../image/circle/acc01.jpg"); 
	background-position:left top; 
	background-repeat:no-repeat; 
	color:#000; 
	border-top:1px solid #d9b4d0;}
.acc01 dt:hover {
	background-position:0 -39px;}
.acc01 dt.open:hover {
	background-position:0 -117px;}
.acc01 dt.open {
	background-position:0 -78px;
	border-bottom:1px solid #d9b4d0;}
.acc01 dd {
	overflow:hidden;
	background:#fff;}
.acc01 div {
	display:block;
	width:660px;
	margin:0 auto;
	border-top:none;
	padding:12px 9px;}
	

/*-----------合体の説明-----------*/
#detail_list th{
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:#633d66;
	padding: 10px 5px;
	text-align:left;
	border:1px solid #d9b4d0;
	color:#fff;}
#detail_list td{
	padding:2px 5px;
	border:2px solid #fcdb7e;
	background-color:#fff;
	vertical-align:middle;}
#detail_list table {
	margin:10px auto 20px;
	border-collapse:separate;}
#detail_list table th#left_top{
	width:140px;
	height:44px;
	background:url("../image/circle/th_lefttop.jpg") no-repeat 50% 50% #fff;
	text-indent:-9999px;}
#detail_list table td img{
	float:left;
	margin-right:8px;}
#detail_list table td img.ng{
	margin-top:8px;}
p#flow_unite{
	margin:10px auto;
	width:660px;
	height:106px;
	background-image:url("../image/circle/flow_unite.jpg");
	background-repeat:no-repeat;
	background-position:0 0;}
p#flow_unite img{
	display:none;}
	

/*==========================================
オンラインYOUへのリンク
==========================================*/

#onlineyou_link , #sururu_link , #kaiteki_link {
    width:690px;
    margin:5px 0 20px;
    padding:0;
}

#onlineyou_link h5 , #sururu_link h5 , #kaiteki_link h5 {
    margin:5px auto 5px;
}


#bn_onlineyou, #bn_sururu, #bn_sururu_cam, #bn_kaiteki_itaku,
#bn_onlineyou p, #bn_sururu p, #bn_sururu_cam p, #bn_kaiteki_itaku p,
#bn_onlineyou a, #bn_sururu a, #bn_sururu_cam a, #bn_kaiteki_itaku a {
    width:200px;
    height:150px;
}

#bn_onlineyou, #bn_sururu, #bn_sururu_cam, #bn_kaiteki_itaku {
    float:left;
    margin-right:40px;
    margin-bottom:5px;
	
	background-repeat:no-repeat;
}

#bn_onlineyou a, #bn_sururu a, #bn_sururu_cam a, #bn_kaiteki_itaku a
a#bn_onlineyou, a#bn_sururu, a#bn_sururu_cam , a#bn_kaiteki_itaku
{
	display:block;
    text-indent:-9999px;
	
	background-color:transparent;
}

#bn_onlineyou a:hover, #bn_sururu a:hover, #bn_sururu_cam a:hover, #bn_kaiteki_itaku a:hover
a#bn_onlineyou:hover, a#bn_sururu:hover, a#bn_sururu_cam:hover, a#bn_kaiteki_itaku a:hover
{
	background-color:rgba(255,255,255,0.15);
}

#bn_onlineyou     {background-image:url(//www.youyou.co.jp/only/common/image/onlineyou_200x150.jpg);}

#bn_sururu        {background-image:url(//www.youyou.co.jp/images/banner/sururu_200x150.gif);}

#bn_sururu_cam    {background-image:url(//www.youyou.co.jp/images/banner/sururu_200x150_cam.gif);}

#bn_kaiteki_itaku {background-image:url(//www.youyou.co.jp/images/banner/kaiteki_200x150.gif);}

#bn_panfyou {
	margin-bottom:5px;
}