@charset "UTF-8";

/* プロフィール無料化説明ページ
-----------------------------------------------------------------*/
.profileFreeInfo {}
.profileFreeInfo dl {
	margin-bottom: 40px;
	text-align: center;
}
.profileFreeInfo dl dt {
	text-indent: -9999px;
	width: 685px;
	height: 78px;
	background: url(/img/docs/profile_free/header.gif) no-repeat 0 0;
}
.profileFreeInfo dl dd {
	border: solid #4f9fd5;
	border-width: 0 4px 4px;
}
	.profileFreeInfo dl dd p {
		color: #666;
		padding: 6px 6px 36px;
		text-align: right;
	}
	.profileFreeInfo dl dd div {
		padding: 40px 0;
	}
.profileFreeInfo .notice_payed {
	font-size: 14px;
}
.profileFreeInfo .notice_payed .label {
	text-indent: -9999px;
	width: 685px;
	height: 18px;
	background: url(/img/docs/profile_free/ttl.gif) no-repeat 0 0;
}
.profileFreeInfo .notice_payed .body {
	padding: 24px 50px 32px;
}
	.profileFreeInfo .notice_payed .body .box {
		width: 290px;
	}
	.profileFreeInfo .notice_payed .body .box.l {
		float: left;
	}
	.profileFreeInfo .notice_payed .body .box.r {
		float: right;
	}
	.profileFreeInfo .notice_payed .body .box ul li {
		
		line-height: 1.2;
		font-weight: bold;
		padding: 4px;
	}
	.profileFreeInfo .notice_payed p {
		color: #666;
		line-height: 1.8;
		text-align: center;
	}

/* スペシャルメール説明ページ
-----------------------------------------------------------------*/
#aboutSpecialMailContainer .btnBox ul {
	position: relative;
	height: 87px;
	text-align: center;
}
#aboutSpecialMailContainer .btnBox ul li {
	width: 288px;
	margin: 0 auto;
}
	#aboutSpecialMailContainer .btnBox ul li.fav {
		position: absolute;
		top: 0;
		left: 0;
	}
	#aboutSpecialMailContainer .btnBox ul li.ft {
		position: absolute;
		top: 0;
		right: 0;
	}
#background.spmail_female {
	background: url(/img/guest/docs/specialmail/sd01/bg_f.png) repeat center top !important;
}
	#background.spmail_female #wrapper {
		padding: 0px 0px 20px !important;
	}
#aboutSpecialMailContainer.spmail_f .spWrap {
	width: 860px;
	padding: 20px;
	margin: 0 auto;
	background-color: #fff;
}




/* import */

@import "help.css"; /*ヘルプ用*/

/* Global Setting
-----------------------------------------------------------------*/
#docs-nav{
	width:900px;
	height:32px;
	margin-bottom:30px;
}
#docs-nav ul{
	padding:0;
}
#docs-nav ul li{
	position:relative;
	float:left;
}
#docs-nav ul li img{
			/*position:absolute;
			top:40px;
			left:50%;
			margin-left:-9px;*/
		}
#docs-nav ul li a{
	display:block;
	height:32px;
}
#docs-nav ul li a.on{
		}
#docs-nav ul li a span{
	display:none;
}
	#docs-nav ul li.about a{
		width:93px;
		background:url(/img/guest/docs/nav/about_off.gif) no-repeat 0 0;
	}
	#docs-nav ul li.about a.on{
		background:url(/img/guest/docs/nav/about_on.gif) no-repeat 0 0;
	}
	#docs-nav ul li.about a:hover {
		background:url(/img/guest/docs/nav/about_ov.gif) no-repeat 0 0;
	}
	#docs-nav ul li.guide a{
		width:111px;
		background:url(/img/guest/docs/nav/guide_off.gif) no-repeat 0 0;
	}
	#docs-nav ul li.guide a:hover {
		background:url(/img/guest/docs/nav/guide_ov.gif) no-repeat 0 0;
	}
	#docs-nav ul li.guide a.on {
		background:url(/img/guest/docs/nav/guide_on.gif) no-repeat 0 0;
	}
	#docs-nav ul li.price a{
		width:90px;
		background:url(/img/guest/docs/nav/price_off.gif) no-repeat 0 0;
	}
	#docs-nav ul li.price a:hover {
		background:url(/img/guest/docs/nav/price_ov.gif) no-repeat 0 0;
	}
	#docs-nav ul li.price a.on{
		background:url(/img/guest/docs/nav/price_on.gif) no-repeat 0 0;
	}
	#docs-nav ul li.safety a{
		width:209px;
		background:url(/img/guest/docs/nav/safety_off.gif) no-repeat 0 0;
	}
	#docs-nav ul li.safety a:hover {
		background:url(/img/guest/docs/nav/safety_ov.gif) no-repeat 0 0;
	}
	#docs-nav ul li.safety a.on{
		background:url(/img/guest/docs/nav/safety_on.gif) no-repeat 0 0;
	}
	#docs-nav ul li.experience a{
		width:126px;
		background:url(/img/guest/docs/nav/experience_off.gif) no-repeat 0 0;
	}
	#docs-nav ul li.experience a:hover {
		background:url(/img/guest/docs/nav/experience_ov.gif) no-repeat 0 0;
	}
	#docs-nav ul li.experience a.on{
		background:url(/img/guest/docs/nav/experience_on.gif) no-repeat 0 0;
	}
	#docs-nav ul li.mobile a{
		width:120px;
		background:url(/img/guest/docs/nav/mobile_off.gif) no-repeat 0 0;
	}
	#docs-nav ul li.mobile a:hover {
		background:url(/img/guest/docs/nav/mobile_ov.gif) no-repeat 0 0;
	}
	#docs-nav ul li.mobile a.on{
		background:url(/img/guest/docs/nav/mobile_on.gif) no-repeat 0 0;
	}
	#docs-nav ul li.smartphone a{
		width:151px;
		background:url(/img/guest/docs/nav/smartphone_off.gif) no-repeat 0 0;
	}
	#docs-nav ul li.smartphone a:hover {
		background:url(/img/guest/docs/nav/smartphone_ov.gif) no-repeat 0 0;
	}
	#docs-nav ul li.smartphone a.on{
		background:url(/img/guest/docs/nav/smartphone_on.gif) no-repeat 0 0;
	}


.docsTitle {
	margin:0 0 25px;
	padding:0;
	color:#555555;
	font-size:18px;
	font-weight:bold;
}
.safetyTitle {
	margin:0 0 20px;
	padding:0;
	width:900px;
	height:150px;
	background:url(/img/guest/docs/safety/header.jpg) no-repeat 0 0;
	position:relative;	
}

.aboutTitle {
	margin:0 0 20px;
	padding:0;
	width:900px;
	height:150px;
	background:url(/img/guest/docs/about/header_yyc.jpg) no-repeat 0 0;
	position:relative;
}
.aboutDmmTitle {
	margin:0 0 20px;
	padding:0;
	width:900px;
	height:150px;
	background:url(/img/guest/docs/about/header_dmm.jpg) no-repeat 0 0;
	position:relative;
}
.experienceTitle {
	margin:0 0 20px;
	padding:0;
	width:900px;
	height:150px;
	background:url(/img/guest/docs/experience/header.jpg) no-repeat 0 0;
	position:relative;
}
.priceTitle {
	margin:0 0 20px;
	padding:0;
	width:900px;
	height:150px;
	background:url(/img/guest/docs/price/header.jpg) no-repeat 0 0;
	position:relative;
}
.safetyTitle span,
.aboutTitle span,
.aboutDmmTitle span,
.experienceTitle span,
.priceTitle span {
	display:none;
	text-indent:-9999px;
}
.safetyTitle p,
.aboutTitle p,
.aboutDmmTitle p,
.experienceTitle p,
.priceTitle p {
	position:absolute;
	top:75px;
	left:40px;
	font-weight:normal;
}
/* Sub
-----------------------------------------------------------------*/
#sub .d-search{
	margin-bottom:15px;
	background:url(/img/guest/docs/sch_bg.gif) no-repeat 0 bottom;
	zoom:1;
}
#sub .d-search table th{
	width:1%;
	padding-right:10px;
	vertical-align:top;
}
#sub .d-search .btn{
	text-align:center;
	padding:0px 0px 15px;
}

#sub .btn-regist{
	margin-bottom:15px;
}
#sub .btn-regist a {
	display:block;
}

#sub #docs-bnr img{
	margin-bottom:15px;
}

#sub #dSearchBox {
	margin:0 0 10px;
	padding:0;
	border:1px solid #CCC;
}
#sub #dSearchBox h3 {
	padding:5px 5px 5px 25px;
	background:#F5F5F5 url(/img/guest/docs/ico_search.gif) no-repeat 5px 50%;
	border-bottom:1px solid #CCC;
}

#sub #dSearchBox table {
	margin:0;
	padding:0;
	width:100%;
}
#sub #dSearchBox table th,
#sub #dSearchBox table td {
	padding:5px;
	border-bottom:1px dotted #CCC;
	vertical-align:top;
}
#sub #dSearchBox table th {
	width:30%;
	padding-left:15px;
	font-weight:normal;
	background:url(/img/guest/yaji_db.gif) no-repeat 5px 10px;
}
#sub #dSearchBox table th .freeWord {
	text-align:right;
}
#sub #dSearchBox .searchBtn {
	margin:5px auto;
	text-align:center;
}

/* About
-----------------------------------------------------------------*/
.about #headCopy{

}
.about #headCopy h2 {
	margin:0 0 10px;
	padding:0 0 5px;
	width:685px;
	height:22px;
	font-size:14px;
	background:url(/img/guest/docs/about/underline.gif) no-repeat 0 100%;		
}
.about table.contents td h4 {
	margin:0 0 10px;
	padding:0 0 5px;
	height:22px;
	font-size:14px;
	background:url(/img/guest/docs/about/underline.gif) no-repeat 100% 100%;		
}

.about #headCopy h2.yycTit span,
.about #headCopy h2.dmmTit span {
	display:none;
	text-indent:-9999px;
}
.about #headCopy p{
	margin:0 0 20px;
	line-height:1.5em;
}
.about table.contents{
	width:685px;
}
	.about table.contents td{
		padding:20px 20px 10px 0px;
		vertical-align:top;
	}
	.about table.contents td img.illust{
		float:left;
	}
	.about table.contents td .meta{
		float:right;
		width:247px;
	}
	.about table.contents td .meta p{
		line-height:1.6em;
	}
	.about table.contents td .meta .more{
		text-align:right;
		font-size:12px;
	}
	.about table.contents td .meta .more a{
		padding-left:15px;
		background:url(/img/short_message/arrow.gif) no-repeat 0 50%;
	}


/* price
-----------------------------------------------------------------*/
.price p.main-desc{
	padding:30px 0px;
	line-height:1.6em;
}
.price .style-box{
	padding:30px 0px 50px;
}
.price .style-box .cbox{
	float:left;
	width:219px;
}
	.price .style-box .margin{
		margin-left:14px;
	}
.price .style-box .cbox table{
	width:100%;
}
	.price .style-box .cbox table th
	,.price .style-box .cbox table td{
		vertical-align:bottom;
		border-bottom:1px solid #ccc;
		padding:15px 0px 3px;
	}
	.price .style-box .cbox table th{
		width:99%;
		font-weight:normal;
	}
	.price .style-box .cbox table td{
		width:1%;
		font-size:16px;
		white-space:nowrap;
	}



/* Safety
-----------------------------------------------------------------*/
.safety h2#head_title{
	margin-bottom:48px;
}

.safety .page-nav li{
	position:relative;
	float:left;
	width:170px;
	border:1px solid #CCC;
	margin-left:-1px;
}
	.safety .page-nav li a{
		display:block;
		width:170px;
			background:#eaf4fd;
		line-height:32px;
		text-align:center;
	}
	.safety .page-nav li a:hover
	,.safety .page-nav li.on a{
		background:#FFF;
		text-decoration:none;
	}
.safety .page-nav li.on .current{
	position:absolute;
	left:50%;
	width:17px;
	height:12px;
	margin-left:-9px;
}
.safety .nav-top{
	margin-bottom:30px;
}
.safety .nav-top li.on .current{
	top:32px;
	background:url(/img/guest/docs/safety/current_down.gif) no-repeat 0 0;
}
.safety .nav-btm{
	margin-top:15px;
}
.safety .nav-btm li.on .current{
	bottom:32px;
	background:url(/img/guest/docs/safety/current_up.gif) no-repeat 0 0;
}

.safety #support-body
,.safety #safety-body{
	padding-bottom:5px;
}
.safety #support-body .headCopy {
	margin:15px auto;
	padding:0;
	text-align:center;
	position:relative;
}
.safety #support-body .headCopy h2 {
	height:75px;
	background:url(/img/guest/docs/safety/01/support_head.gif) no-repeat 50% 0;
}
.safety #support-body .headCopy h2 span {
	display:none;
	text-indent:-9999px;
}
.safety #support-body .headCopy p {
	line-height:1.6em;
}
.safety #support-body .inner,
.safety #safety-body .inner {
	padding:0 0 15px;
}
.safety #support-body .inner h3,
.safety #safety-body .inner h3 {
	margin:0;
	padding:8px 10px;
	border:solid #eeeeee;
	border-width:2px 0 1px;
	background:#f7f7f7;
	color:#555555;
	font-size:14px;
	font-weight:bold;
}
.safety #support-body .inner p.main-desc{
	padding:10px 0 15px;
	line-height:1.6em;
}
	.safety #support-body .inner p.main-desc img{
		float:left;
		margin-right:15px;
	}
.safety #support-body .inner p.sub-desc{
	margin:15px 0px;
	line-height:1.6em;
}
.safety #support-body .inner .supportFlow {
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
}

.safety #safety-body .inner p{
	padding:10px 0 15px;
	line-height:1.6em;
}
	.safety #safety-body .thumb-l p img{
		float:left;
		margin-right:15px;
	}
	.safety #safety-body .thumb-r p img{
		float:right;
		margin-left:15px;
	}

.safety #safety-body .safety4 .header {
	margin:0 0 15px;
	line-height:1.6em;
}
.safety #safety-body .safety4 img{
	margin:10px 0 15px;
}
.safety #safety-body .safety4 p {
	padding:0 0 15px;
	line-height:1.6em;
}



/* experience
-----------------------------------------------------------------*/
.experience #d-header{
	height:250px;
	background:url(/img/guest/docs/experience/header.gif) no-repeat 0 0;
	margin-bottom:10px;
}
	.experience #d-header h2{
		display:none;
	}
	.experience #d-header p{
		padding:85px 0px 0px 35px;
		width:265px;
		line-height:1.5em;
	}

.experience form.add-experience{
	text-align:center;
	margin:0px 0px 15px;
}
.experience #experience-body {
	margin:0;
}
.prefecture  #experience-body {
	margin:15px 0 0;
}
.experience #experience-body table,
.prefecture  #experience-body table {
	width:685px;
}
.experience #experience-body table td.thumb,
.prefecture  #experience-body table td.thumb {
	width:109px;
	vertical-align:top;
}
.experience #experience-body table td.body,
.prefecture  #experience-body table td.body {
	width:576px;
	padding-bottom:20px;
}
	.experience #experience-body table td.body .inner,
	.prefecture  #experience-body table td.body .inner {
		background:url(/img/guest/docs/experience/fukidashi_btm.gif) no-repeat 0 bottom;
	}
	.experience #experience-body table td.body .inner ul,
.prefecture  #experience-body table td.body .inner ul {
		background:url(/img/guest/docs/experience/fukidashi_top.gif) no-repeat 0 0;
		padding:15px 20px 15px 30px;
	}
	.experience #experience-body table td.body .inner ul li.title,
.prefecture  #experience-body table td.body .inner ul li.title{
		color:#173b6e;
		line-height:1.4em;
		font-size:16px;
	}
	.experience #experience-body table td.body .inner ul li.date,
.prefecture  #experience-body table td.body .inner ul li.date {
		font-size:10px;
		margin:8px 0px 12px;
	}
	.experience #experience-body table td.body .inner ul li.text,
.prefecture  #experience-body table td.body .inner ul li.text {
		line-height:1.6em;
	}


.experience .backBtn {
	margin:10px 0;
	padding-left:20px;
	line-height:1.5em;
	background:url(/img/feedback/ico/back.gif) no-repeat 0 50%;
}
.experience #experience-body table td.body .inner ul li.feedback span.goodIcon {
	padding-left:15px;
	/* background:url(/img/feedback/ico/feedback.gif) no-repeat 5px 50%; */
}
.experience #experience-body table td.body .inner ul li.feedback span.goodIcon img {
	width:16px;
	height:16px;
	vertical-align:top;
}
.experience #experience-body table td.body .inner ul li.feedback {
	margin:15px 0 0;
	color:#999;
}

/* パンくず ---------- */
ul.breadcrumb {
	margin: -10px 0 10px;
	padding:0;
	display:table;
}
ul.breadcrumb li {
	display: table-cell;
	padding: 0 5px 0 0;
	list-style-type: none;
}
ul.breadcrumb li:before {
	content: "> ";
}
ul.breadcrumb li:first-child:before {
	content:"";
}

.breadBox {
	margin:0 auto 15px;
	text-align:center;
}
.breadBox ul.userPrevMenu {
	margin:0;
	padding:0;
	width:500px;
	display:inline-block;
	clear:both;
}
ul.userPrevMenu li {
	float:left;
}
ul.userPrevMenu li a {
	text-decoration:none;
}
ul.userPrevMenu li.btnCell {
	width:100px;
	height:25px;
}
ul.userPrevMenu li.usrCell {
	width:300px;
	height:25px;
	line-height:25px;
}
ul.userPrevMenu li a.userDiaryLinks {
	margin:0;
	padding:0 20px;
	width:120px;
	line-height:25px;
	text-align:center;
}
ul.userPrevMenu li a:hover.userDiaryLinks {
	text-decoration:underline;
}
ul.userPrevMenu li a div {
	margin:0;
	padding:0 30px;
}
ul.userPrevMenu li a div {
	line-height:25px;
	text-align:center;
	border:1px solid #ccc;
}
ul.userPrevMenu li a:hover div {
	background:#EAF4FD;
	border:1px solid #CCC;
}

.experience .experienceList {
	margin: 50px 0;
	padding: 0;
	display: block;
}

.prefecture .prefectureList {
	margin: 0 0 30px;
	padding: 0;
	display: block;
}
.prefecture .allServiceBox {
	margin: 0;
	padding: 15px 0;
	display: block;
	font-size: 14px;
}
.prefecture .allServiceBox a {
	margin: 0 15px 0 0;
	padding: 0 15px 0 0;
	border: solid #999;
	border-width: 0 1px 0 0;
	line-height: 1em;
}
.prefecture .allServiceBox a:last-child {
	border:0;
}
.experience .experienceList h3,
.prefecture .prefectureList h2,
.experience .prefecture h3 {
	margin: 0;
	padding: 8px 10px;
	border: solid #eeeeee;
	border-width: 2px 0 1px;
	background: #f7f7f7;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
}
.experience .experienceList ul {
	margin:0;
	padding:0;
	width:100%;
	display:inline;
}
.experience .experienceList ul li {
	margin:0;
	padding:7px 10px;
	display:block;
	border-bottom:1px dotted #CCC;
}
.prefecture .prefectureList dl.userList {
	margin:15px 0 0;
	padding:0;
	display:table;
}
.prefecture .prefectureList dl.userList dd {
	margin: 0;
	padding: 0 46px 0 0;
	width: 100px;
	display: table-cell;
}
.prefecture .prefectureList dl.userList dd:last-child {
	padding:0;
}
.prefecture .prefectureList dl.userList dd a {
	display:block;
}
.prefecture .prefectureList dl.userList dd .username {
	margin:5px auto;
	padding:0;
	text-align:center;
	white-space:nowrap;
	font-size:10px;
}
.prefecture .prefectureList dl.userList dd .diaryTit {
	margin:5px auto;
	padding:0;
	text-align:left;
	line-height:1.3em;
	font-size:12px;
}
.prefecture .prefectureList table.prefList,
.diaryConts #main .prefecture table.prefList,
#main.experience .prefecture table.prefList {
	margin:10px 0;
	padding:0;
	width:100%;
}
.prefecture .prefectureList table.prefList th,
.diaryConts #main .prefecture table.prefList th,
#main.experience .prefecture table.prefList th {
	margin:0;
	padding:3px 10px 3px 0;
	font-size:14px;
	border-bottom:1px dotted #CCC;
}
.prefecture .prefectureList table.prefList td,
.diaryConts #main .prefecture table.prefList td,
#main.experience .prefecture table.prefList td {
	margin:0;
	padding:3px 10px;
	font-size:14px;
	border-bottom:1px dotted #CCC;
}
.prefecture .prefectureList table.prefList td a,
.diaryConts #main .prefecture table.prefList td a,
#main.experience .prefecture table.prefList td a {
	padding:0 10px 0 0;
}

.prefecture .prefectureList #diaryListOuter {
	margin:0;
	padding:0;
	position:relative;
}
 #diaryListOuter dl.recentList {
	margin:0;
	padding:0;
	width:100%;
	position:relative;
	border-top:1px solid #CCC;
}
#diaryListOuter dl.recentList dd {
	margin: 0;
	padding: 10px 0;
	height: 100px;
	border-bottom: 1px solid #CCC;
	display: block;
	position: relative;
}
#diaryListOuter dl.recentList dd .publishedAt {
	position:absolute;
	top:10px;
	right:0;
	color:#999;
}
#diaryListOuter dl.recentList dd .pics {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	z-index: 1;

}
#diaryListOuter dl.recentList dd .userData {
	margin: 0;
	padding: 0 0 0 110px;
	position: absolute;
	top: 10px;
	left: 0;
}

#diaryListOuter dl.recentList dd .userData .new {
	margin:0 0 3px;
}
#diaryListOuter dl.recentList dd .userData .diaryTit {
	margin:0 0 3px;
	line-height:1.4em;
	font-size:16px;
	font-weight:bold;
}
#diaryListOuter dl.recentList dd .userData .diaryTit span {
	line-height:1.4em;
	font-size:12px;
	font-weight:normal;
	white-space:nowrap;
}

#diaryListOuter dl.recentList dd .userData ul.usersProf {
	margin:0;
	padding:0;
	font-size:12px;
	display:table;
}

#diaryListOuter dl.recentList .userData ul.usersProf li {
	margin-right:0;
	height:1.5em;
	line-height:1.5em;
	vertical-align:middle;
	display:table-cell;
}
#diaryListOuter dl.recentList dd .userData ul.usersProf li.users {
	padding-right: 20px;
}
#diaryListOuter dl.recentList dd .userData ul.usersProf li.age {
	padding-right: 20px;
}
#diaryListOuter dl.recentList dd .userData ul.usersProf li.view  {
	padding-left:15px;
	padding-right: 20px;
	background:url(/img/diary/eye.png) no-repeat 0 50%;
}
#diaryListOuter dl.recentList dd .userData ul.usersProf li.comment {
	padding-left:15px;
	padding-right: 20px;
	background:url(/img/diary/comment.png) no-repeat 0 50%;
}
#diaryListOuter dl.recentList dd p {
	line-height: 1.5em;
	margin:5px 0;
	font-size:14px;
}

/* .prefecture .prefectureList table.prefList td a:after {content:"／";} */

/* contract
-----------------------------------------------------------------*/

.contract #contract-body{
	margin:0;
}
.contract #contract-body dl dt.chapter{
	color:#e01b53;
	font-size:22px;
	margin-bottom:10px;
	line-height:1em;
}
	.contract #contract-body dl dt.chapter span{
		color:#173b6e;
	}
.contract #contract-body dl dt.article{
	color:#fff;
	line-height:30px;
	padding:0px 15px;
	background:#8cb2e0;
	border-bottom:5px solid #6996ce;
}
.contract #contract-body dl dd{
	padding:10px 0px 30px;
	line-height:1.6em;
}

.contract #contract-body h2 {
	margin:0 0 10px;
	padding:8px 10px;
	border:solid #eeeeee;
	border-width:2px 0 1px;
	background:#f7f7f7;
	color:#555555;
	font-size:14px;
	font-weight:bold;
}
.contract #contract-body h3 {
	margin:0 0 10px;
	padding:5px 10px;
	text-align:left;
	color:#555;
	background:#F7F7F7;
	border:1px solid #E7E7E7;
}

.contract #contract-body ol {
	margin:0 0 0 25px;
	padding:0;
	line-height:1.6em;
	list-style-type: decimal;
}
.contract #contract-body ol.listChild {
	margin:0;
	list-style-type: none;
}
.contract #contract-body p {
	margin:0 0 10px;
	padding:0;
	line-height:1.6em;
}
.contract #contract-body ul {
	line-height:1.6em;
}
.contract #contract-body br {
}

.contract #contract-body ol.insuranceChild {
	margin:0 0 0 25px;
	list-style-type: none;
}
.contract #contract-body ul.insuranceChild1 {
	margin:0;
	list-style-type: none;
}
.contract #contract-body ul.insuranceChild2 {
	margin:0 0 0 15px;
	list-style-type: none;
}
.contract #contract-body table.insurBox1,
.contract #contract-body table.insurBox2 {
	margin:0 0 15px;
	padding:0;
	width:100%;
	border:solid #CCC;
	border-width:1px 1px 0 0;
}
.contract #contract-body table.insurBox1 th,
.contract #contract-body table.insurBox1 td,
.contract #contract-body table.insurBox2 th,
.contract #contract-body table.insurBox2 td {
	margin:0;
	padding:10px;
	border:solid #CCC;
	border-width:0 0 1px 1px;
}
.contract #contract-body table.insurBox1 th.head,
.contract #contract-body table.insurBox2 th.head {
	background:#E0E0E0;
	text-align:center;
}
.contract #contract-body table.insurBox1 th.title,
.contract #contract-body table.insurBox2 th.title {
	background:#F7F7F7;
	font-weight:normal;
}
.contract #contract-body table.insurBox1 th {
	width:150px;
	text-align:center;
}
.contract #contract-body table.insurBox1 td {
	width:535px;
}

.contract #contract-body table.insurBox2 th.title {
	width:235px;
	text-align:center;
}
.contract #contract-body table.insurBox2 td {
	width:225px;
	text-align:center;
}

/* transaction
-----------------------------------------------------------------*/
.transaction #transaction-body{
	margin:0;
}
.transaction #transaction-body h3 {
	margin:0 0 10px;
	padding:5px 10px;
	text-align:left;
	color:#555;
	background:#F7F7F7;
	border:1px solid #E7E7E7;
}
.transaction #transaction-body p {
	margin:5px 0 15px;
	line-height:1.6em;
}
.transaction #transaction-body p.readcopy {
	margin:0 0 15px;
	line-height:1.6em;
}

/* company
-----------------------------------------------------------------*/
.company #transaction-body{
	margin:0;
}
.company #transaction-body h3 {
	margin:0 0 10px;
	padding:5px 10px;
	text-align:left;
	color:#555;
	background:#F7F7F7;
	border:1px solid #E7E7E7;
}
.company #transaction-body p {
	margin:5px 0 15px;
	line-height:1.6em;
}
.company #transaction-body p.readcopy {
	margin:0 0 15px;
	line-height:1.6em;
}

/* settlement
-----------------------------------------------------------------*/
.settlement #settlement-body{
	margin:0;
}
.settlement #settlement-body h3 {
	margin:0 0 10px;
	padding:5px 10px;
	text-align:left;
	color:#555;
	background:#F7F7F7;
	border:1px solid #E7E7E7;
}
.settlement #settlement-body p {
	margin:5px 0 15px;
	line-height:1.6em;
}

/* privacy policy
-----------------------------------------------------------------*/
#main.privacy #privacy-body{
	margin:0;
}
#main.privacy #privacy-body h2,
#main.privacy #privacy-body h3{
	text-align:left;
	background:#f7f7f7;
	color:#555;
	font-weight:bold;
	width:auto;
}
#main.privacy #privacy-body h2 {
	margin:0 0 10px;
	padding:8px 10px;
	border:solid #eeeeee;
	border-width:2px 0 1px;
	font-size:14px;
}
#main.privacy #privacy-body h3 {
	margin:20px 0 10px;
	padding:5px 10px;
	border:1px solid #E7E7E7;
}
#main.privacy #privacy-body p {
	margin:0 0 10px;
	padding:0;
	line-height:1.6em;
}
#main.privacy #privacy-body .innerBox{
	margin: 0 0 10px;
}
#main.privacy #privacy-body .innerBox p{
	margin:0;
	padding-left:20px;
	text-indent:-20px;
}
#main.privacy #privacy-body ol,
#main.privacy #privacy-body ul {
	margin:0 0 10px 25px;
	padding:0;
	line-height:1.6em;
}
#main.privacy #privacy-body ol{
	list-style-type: decimal;
}
#main.privacy #privacy-body ul {
	list-style-type: disc;
}
#main.privacy #privacy-body .innerTable{
	width:100%;
	border-collapse:collapse;
	margin: 0 0 10px;
	border:solid 1px #eee;
}
#main.privacy #privacy-body .innerTable th {
	padding:10px;
	background:#f7f7f7;
	border:solid 1px #eee;
	color:#555;
	font-weight:normal;
	vertical-align:middle;
	text-align:center;
}
#main.privacy #privacy-body .innerTable td {
	padding:10px;
	text-align:left;
	border:solid 1px #eee;
}
#main.privacy #privacy-body .innerTable td p {
	margin:0;
}
#main.privacy #privacy-body .enactmentDate{
	margin-top:30px;
}
#main.privacy #privacy-body .japhic_label{
	margin:30px 0;
	padding:0;
}
	#main.privacy #privacy-body .japhic_label table{
		float:right;
	}
		#main.privacy #privacy-body .japhic_label table td{
			width:1%;
			vertical-align:bottom;
			padding:0px 5px;
		}

/* mobile
-----------------------------------------------------------------*/
.mobileTit {
	margin:0 0 15px;
	padding:0;
	width:900px;
	height:150px;
	position:relative;
	background:url(/img/guest/docs/mobile/header.jpg) no-repeat 0 0;
}
.mobileTit span {
	display:none;
}
.mobileTit p {
	font-weight:normal;
	line-height:1.5em;
	position:absolute;
	top:80px;
	left:40px;
}
.mobile .mbBox {
	position:relative;
	width:685px;
	margin:0 0px 15px;
	display:inline-block;
	clear:both;
}
.mobile .mbBox img {
	border:0;
}
.mobile #play-mobile {
	position:absolute;
	width:460px;
	margin:0;
	border:1px solid #ccc;
	top:0;
	right:0;
}
.mobile #play-mobile h3 {
	padding:10px 15px;
	background:#f7f7f7;
	color:#555555;
	font-size:14px;
}
.mobile #play-mobile h4 {
	padding:0 0 0 25px;
	color:#555555;
	font-size:14px;
}
.mobile #play-mobile h4.mail {
	background:url(/img/guest/docs/smartphone/ico_mail.gif) no-repeat 0 50%;
}
.mobile #play-mobile h4.mobile {
	background:url(/img/guest/docs/smartphone/ico_mobile.gif) no-repeat 0 50%;
}
.mobile #play-mobile h4.qrcode {
	background:url(/img/guest/docs/smartphone/ico_camera.gif) no-repeat 0 50%;
}

.mobile #play-mobile .dtlBox {
	margin:0;
	padding:10px 15px;
	border-top:1px dotted #ccc;
}

.mobile #play-mobile .dtlBox form{
	padding:5px 0px;
}
.mobile #play-mobile form input,
.mobile #play-mobile form select{
	vertical-align:middle;
}
.mobile #play-mobile form input.text{
	margin:0;
	padding:3px;
	width:180px;
	height:23px;
	font-size:15px;
	border:1px solid #ccc;
}
.mobile #play-mobile .dtlBox .accessUrl {
	margin:5px auto;
	padding:10px;
	border:2px solid #ccc;
	background:#f7f7f7;
	font-size:16px;
	font-weight:bold;
	color:#333;
	text-align:center;
}
.mobile #play-mobile .dtlBox dl {
	margin:5px 0;
	width:100%;
	display:inline-block;
	clear:both;
	vertical-align:bottom;
}
.mobile #play-mobile .dtlBox dt {
	margin-right:10px;
	border:0;
	float:left;
}
.mobile #play-mobile .dtlBox dd  {
}
.mobile #play-mobile .dtlBox dd p {
	margin:35px 0;
	line-height:1.5em;
}

/* smartphone
-----------------------------------------------------------------*/
.smartphoneTit {
	margin:0 0 15px;
	padding:0;
	width:900px;
	height:150px;
	position:relative;
	background:url(/img/guest/docs/smartphone/header.jpg) no-repeat 0 0;
}
.smartphoneTit span {
	display:none;
}
.smartphoneTit p {
	font-weight:normal;
	line-height:1.5em;
	position:absolute;
	top:75px;
	left:40px;
}
.smartphone .smpBox {
	position:relative;
	width:685px;
	margin:0 0px 15px;
	display:inline-block;
	clear:both;
}
.smartphone .smpBox img {
	border:0;
}
.smartphone #play-smartphone {
	position:absolute;
	width:460px;
	margin:0;
	border:1px solid #ccc;
	top:0;
	right:0;
}
.smartphone #yyc-smartphone {
	position:absolute;
	width:460px;
	margin:0;
	top:0;
	right:0;
}
.smartphone #yyc-play-smartphone {
	width:100%;
	margin:0;
	border:1px solid #ccc;
}
.smartphone #play-smartphone h3,
.smartphone #yyc-play-smartphone h3 {
	padding:10px 15px;
	background:#f7f7f7;
	color:#555555;
	font-size:14px;
}
.smartphone #play-smartphone h4,
.smartphone #yyc-play-smartphone h4 {
	padding:0 0 0 25px;
	color:#555555;
	font-size:14px;
}
.smartphone #play-smartphone h4.mail,
.smartphone #yyc-play-smartphone h4.mail {
	background:url(/img/guest/docs/smartphone/ico_mail.gif) no-repeat 0 50%;
}
.smartphone #play-smartphone h4.mobile,
.smartphone #yyc-play-smartphone h4.mobile {
	background:url(/img/guest/docs/smartphone/ico_mobile.gif) no-repeat 0 50%;
}
.smartphone #play-smartphone h4.qrcode,
.smartphone #yyc-play-smartphone h4.qrcode {
	background:url(/img/guest/docs/smartphone/ico_camera.gif) no-repeat 0 50%;
}

.smartphone #play-smartphone .dtlBox,
.smartphone #yyc-play-smartphone .dtlBox {
	margin:0;
	padding:10px 15px;
	border-top:1px dotted #ccc;
}

.smartphone #play-smartphone .dtlBox form,
.smartphone #yyc-play-smartphone .dtlBox form {
	padding:5px 0px;
}
.smartphone #play-smartphone form input,
.smartphone #play-smartphone form select,
.smartphone #yyc-play-smartphone form input,
.smartphone #yyc-play-smartphone form select {
	vertical-align:middle;
}
.smartphone #play-smartphone form input.text,
.smartphone #yyc-play-smartphone form input.text {
	margin:0;
	padding:3px;
	width:328px;
	height:23px;
	font-size:15px;
	border:1px solid #ccc;
}
.smartphone #play-smartphone .dtlBox .accessUrl {
	margin:5px auto;
	padding:10px;
	border:2px solid #ccc;
	background:#f7f7f7;
	font-size:16px;
	font-weight:bold;
	color:#333;
	text-align:center;
}
.smartphone #play-smartphone .dtlBox dl,
.smartphone #yyc-play-smartphone .dtlBox dl {
	margin:5px 0;
	width:100%;
	display:inline-block;
	clear:both;
	vertical-align:bottom;
}
.smartphone #play-smartphone .dtlBox dt {
	margin-right:10px;
	border:0;
	float:left;
}
.smartphone #play-smartphone .dtlBox dd  {
}
.smartphone #play-smartphone .dtlBox dd p {
	margin:35px 0;
	line-height:1.5em;
}

.smartphone #yyc-smartphone h2 {
	margin:0;
	padding:0;
	background:url(/img/guest/docs/smartphone/yyc_app/icon-title.gif) no-repeat 0 10px;
	height:120px;
}
.smartphone #yyc-smartphone h2 span {
	display:none;
	text-indent:-9999px;
}
.smartphone #yyc-smartphone p {
	margin:0 0 10px;
	padding:0;
	line-height:1.5em;
	font-size:14px;
}
.smartphone #yyc-smartphone .appInfoBox {
	margin:0 auto;
	padding:0;
	text-align:center;
	width:453px;
	height:126px;
	background:url(/img/guest/docs/smartphone/yyc_app/bg.gif) no-repeat 0 0;
	position:relative;
}
.smartphone #yyc-smartphone .appInfoBox ul {
	margin:0;
	padding:0;
	display:inline-block;
	clear:both;
	position:absolute;
	top:40px;
	left:45px;
}
.smartphone #yyc-smartphone .appInfoBox ul li {
	margin:0 10px;
	padding:0;
	float:left;
}
.smartphone #yyc-play-smartphone .dtlBox table {
	margin:0;
	padding:0;
	width:100%;
}
.smartphone #yyc-play-smartphone .dtlBox table td {
	margin:0;
	padding:0;
	vertical-align:top;
	width:50%;
}
.smartphone #yyc-play-smartphone .dtlBox .accessUrl {
	margin:5px 0;
	padding:10px;
	width:280px;
	border:2px solid #ccc;
	background:#f7f7f7;
	font-size:16px;
	font-weight:bold;
	color:#333;
	text-align:center;
}
.smartphone #yyc-play-smartphone .dtlBox dt {
	margin-left:10px;
	border:0;
	float:right;
}
.smartphone #yyc-play-smartphone .dtlBox dd  {
}

.smartphone #yyc-play-smartphone .dtlBox dd p {
	margin:0;
	line-height:1.5em;
}


.othersBox {
	margin:30px 0;
}
.othersBox h3 {
	margin:0;
	padding:8px 10px;
	border:solid #eeeeee;
	border-width:2px 0 1px;
	background:#f7f7f7;
	color:#555555;
	font-size:14px;
	font-weight:bold;
}
.othersBox p {
	margin:10px;
	line-height:1.7em;
}
.othersBox dl {
	margin:10px;
	padding:0;
	width:260px;
}
.othersBox dl dd {
	height:79px;
	padding:0;
	background:url(/img/guest/docs/smartphone/android_app_qr.gif) no-repeat 100% 50%;
}
.othersBox dl dd h5 {
	display:none;
	text-indent:-9999px;
}
.othersBox dl dd img {
	margin:15px 0 0;
	border:none;
}
.othersBox ul {
	margin:10px;
	padding:0;
	display:inline-block;
	clear:both;
}
.othersBox ul li {
	margin:0 9px 0 0;
	float:left;
}
.othersBox ul li.last {
	margin:0;
}

.prBox {
	margin:30px 0;
}
.prBox h3 {
	margin:0;
	padding:8px 10px;
	border:solid #eeeeee;
	border-width:2px 0 1px;
	background:#f7f7f7;
	color:#555555;
	font-size:14px;
	font-weight:bold;
}
.prBox .loveDate {
	margin:10px 0 15px;
	padding:10px;
	background:#FFE0F3;
}
.prBox .loveDate h4 {
	margin:0 0 5px;
	padding:7px;
	background:#FF83CF;
	color:#FFF;
	font-size:14px;
}
.prBox .loveDate .details {
	margin:10px 0 0;
	padding-left:210px;
	padding-right:110px;
	height:120px;
	background:url(/img/guest/docs/mobile/pr/qr.gif) no-repeat 100% 0;
	position:relative;
}
.prBox .loveDate .details img.pics {
	position:absolute;
	top:0;
	left:0;
}
.prBox .loveDate .details p {
	line-height:1.5em;
}



/*  Price (DMM)
-----------------------------------------------------------------*/
.price dl#mainBox {
	margin:15px 0 0;
	padding:0;
	width:685px;
	display:inline-block;
	clear:both;
}
.price dl#mainBox dt {
	float:left;
	width:50%;
}
.price dl#mainBox dd {
	float:left;
	width:25%;
	height:126px;
}
.price dl#mainBox dd h3 {
	display:none;
}
.price dl#mainBox dd.male {
	background:url(/img/guest/docs/price/dmm/m.gif) no-repeat 0 100%;
}
.price dl#mainBox dd.female {
	background:url(/img/guest/docs/price/dmm/w.gif) no-repeat 0 100%;
}
.price p.main-copy {
	padding:0px;
	line-height:1.6em;
}
.price table#priceList {
	width:685px;
	margin:0 0 5px;
	padding:0;
	border:solid #CCC;
	border-width:1px 0 0 1px;
}
.price table#priceList th,
.price table#priceList td {
	padding:5px;
	text-align:center;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

.price table#priceList th {
	font-weight:bold;
}
.price table#priceList td.list {
	text-align:left;
}
.price table#priceList th.list {
	width:50%;
	background:#EEE;
}
.price table#priceList th.male {
	width:25%;
	background:#CADEF4;
}
.price table#priceList th.female {
	width:25%;
	background:#F6C4CE;
}
.price table#priceList td.list {
	
}
.price table#priceList td.male {
	background:#e6f0fb;
}
.price table#priceList td.female {
	background:#ffebef;
}
.price p.notes {
	margin:0;
}