﻿@charset "UTF-8";
@import url(init.css);
@import url(lib.css);

/** HTMLs
********************************************** */
body {
	text-align:center;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana, Arial, Helvetica, sans-serif;
	line-height:2;
	color:#262b33;
	background:#fccf00 url(../img/bg_body.gif) repeat left top;
}

a,
a:link {
	color:#00c;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a:visited {
	color:33c;
}
a:active {
	text-decoration:none;
}



/** Layout
********************************************** */
#container {
	/*width:758px;*/
	width:700px;
	margin:0 auto;
	text-align:left;
	background-color:#fff;
	/*background:#fff url(../img/bg_container.gif) repeat left top;*/
}
#container #content {
	padding:30px 0 50px;
}
#head {
	margin:0;
}
#content .inner50 {
	padding:0 50px;
}
#content .inner80 {
	padding:0 80px;
}
#content .inner100 {
	padding:0 100px;
}
#footer {
	width:700px;
	padding:5px 0;
	background-color:#3b5998;
	text-align:center;
	line-height:1.4;
	font-size:12px;
	color:#999;
}
#footer #footer_navi {
	height:30px;
	margin-bottom:5px;
	line-height:30px;
	color:#fff;
	font-weight:normal;
}
#footer #footer_navi a {
	color:#fff;
}
#footer .inner80 {
	padding:0 80px;
}
#footer #copyright {
	font-size:10px;
	color:#ccc;
}
#footer #copyright a {
	color:#ccc;
}






/** template
********************************************** */

/* htmls { ----------------------------------- */

/*h2.subhead {
	margin:3em 0 1em;
	padding:8px 10px 5px;
	font-size:24px;
	line-height:1.2;
	text-align:center;
	color:#fff;
	background-color:#ff4500;

	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

	box-shadow:0px 2px 0px #c2c2c2;
	-webkit-box-shadow:0px 2px 0px #c2c2c2;
	-moz-border-box-shadow:0px 2px 0px #c2c2c2;

	text-shadow: -1px -1px 1px #666;

	background: -moz-linear-gradient(top, #ff4500, #ff4500 50%, #ff8800);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff4500), color-stop(0.5, #ff4500), to(#ff8800));

	behavior: url(PIE.htc);
}*/
/*h2.subhead {
	margin:3em 0 1em;
	padding:8px 10px 5px;
	font-size:28px;
	line-height:1.4;
	text-align:center;
	color:#000;
	background-color:#fddd4c;

	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

	box-shadow:0px 2px 0px #c2c2c2;
	-webkit-box-shadow:0px 2px 0px #c2c2c2;
	-moz-border-box-shadow:0px 2px 0px #c2c2c2;

	text-shadow: 1px 1px 1px #fcf5d4;

	background: -moz-linear-gradient(top, #fce57e, #fdd000 50%, #fdd000);
	background: -webkit-gradient(linear, left top, left bottom, from(#fce57e), color-stop(0.5, #fdd000), to(#fdd000));

	behavior: url(PIE.htc);
}*/
h2.subhead {
	margin:3em -20px 1em;
	padding:8px 10px 5px;
	font-size:28px;
	line-height:1.4;
	text-align:center;
	color:#fff;
	background-color:#3b5998;

	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

	box-shadow:0px 2px 0px #c2c2c2;
	-webkit-box-shadow:0px 2px 0px #c2c2c2;
	-moz-border-box-shadow:0px 2px 0px #c2c2c2;

	text-shadow: -1px -1px 1px #333;

	background: -moz-linear-gradient(top, #627aad, #3b5998 50%, #3b5998);
	background: -webkit-gradient(linear, left top, left bottom, from(#627aad), color-stop(0.5, #3b5998), to(#3b5998));

	behavior: url(PIE.htc);
}
.h_plan {
	margin:2em 0 1em;
	padding:3px 10px;
	font-size:28px;
	line-height:1.4;
	background-color:#d8dfea;

	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

	box-shadow:0px 2px 0px #eee;
	-webkit-box-shadow:0px 2px 0px #eee;
	-moz-border-box-shadow:0px 2px 0px #eee;

	text-shadow: 1px 1px 1px #fff;


	background: -moz-linear-gradient(top, #ffeb94, #fddd4c 50%, #fddd4c);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffeb94), color-stop(0.5, #fddd4c), to(#fddd4c));

	behavior: url(PIE.htc);
}

p {
	margin:2em 0;
	word-break: break-all;
}
em {
	text-decoration:underline;
}
ul {
	margin-top:1em;
	margin-bottom:1em;
}

/* } htmls ----------------------------------- */

ul.check {
}
ul.check li {
	min-height:30px;
	padding-left:40px; padding-top:5px;
	margin-bottom:10px;
	background:url(../img/icn_check.gif) no-repeat left top;
}

/* BOXES {
---------------------------------------------- */
/* box_gray { */
.box_gray {
	width:600px;
	background:url(../img/box_gray_center.gif) repeat-y left bottom;
}
.box_gray .inner {
	padding:30px 50px 20px;
	background:url(../img/box_gray_top.gif) no-repeat left top;
}
.box_gray .bottom {
	height:10px;
	background:url(../img/box_gray_bottom.gif) no-repeat left bottom;
}
/* } */

/* box_yellow { */
.box_yellow {
	width:600px;
	background:url(../img/box_yellow_center.gif) repeat-y left bottom;
}
.box_yellow .inner {
	padding:20px 30px 10px;
	background:url(../img/box_yellow_top.gif) no-repeat left top;
}
.box_yellow .bottom {
	height:10px;
	background:url(../img/box_yellow_bottom.gif) no-repeat left bottom;
}
/* } */

/* box_purple { */
.box_purple {
	width:600px;
	background:url(../img/box_purple_center.gif) repeat-y left bottom;
}
.box_purple .inner {
	padding:20px 30px 10px;
	background:url(../img/box_purple_top.gif) no-repeat left top;
}
.box_purple .bottom {
	height:10px;
	background:url(../img/box_purple_bottom.gif) no-repeat left bottom;
}
/* } */

/* box_green { */
.box_green {
	width:600px;
	background:url(../img/box_green_center.gif) repeat-y left bottom;
}
.box_green .inner {
	padding:20px 30px 10px;
	background:url(../img/box_green_top.gif) no-repeat left top;
}
.box_green .bottom {
	height:10px;
	background:url(../img/box_green_bottom.gif) no-repeat left bottom;
}
/* } */

/* box_line_round { */
.box_line_round {
	width:600px;
	background:url(../img/box_line_round_center.gif) repeat-y left bottom;
}
.box_line_round .inner {
	padding:20px 30px 10px;
	background:url(../img/box_line_round_top.gif) no-repeat left top;
}
.box_line_round .bottom {
	height:10px;
	background:url(../img/box_line_round_bottom.gif) no-repeat left bottom;
}
/* } */

/* box_line_orange { */
.box_line_orange {
	width:600px;
	background:url(../img/box_line_orange_center.gif) repeat-y left bottom;
}
.box_line_orange .inner {
	padding:20px 30px 10px;
	background:url(../img/box_line_orange_top.gif) no-repeat left top;
}
.box_line_orange .bottom {
	height:10px;
	background:url(../img/box_line_orange_bottom.gif) no-repeat left bottom;
}
/* } */

/* box_voice { */
.box_voice {
	width:600px;
	background:url(../img/box_voice_center.gif) repeat-y left top;
}
.box_voice h3 {
	min-height:62px;
	padding:30px 50px 0 135px;
	background:url(../img/box_voice_top.gif) no-repeat left top;
	font-size:18px;
	font-weight:bold;
	color:#cb1f49;
	line-height:1.4;
}
.box_voice .inner {
	padding:0 30px 30px;
	background:url(../img/box_voice_bottom.gif) no-repeat left bottom;
}
.box_voice .inner .photo {
	float:left;
	margin:10px 10px 10px 0;
}
.box_voice .inner .name {
	text-align:right;
}
.box_voice .inner .caution {
	color:#666;
	font-size:12px;
}
/* } */

/* box_bullet1 { */
.box_bullet1 {
	width:600px;
	margin-bottom:10px;
	background:url(../img/box_yellow_center.gif) repeat-y left top;
}
.box_bullet1 ul.inner {
	padding:20px 30px 10px 60px;
	background:url(../img/box_bullet1_top.gif) no-repeat left top;
}
.box_bullet1 li h3 {
	min-height:30px;
	line-height:1.4;
	font-size:18px;
	font-weight:bold;
	color:#cb1f49;
}
.box_bullet1 .bottom {
	height:10px;
	background:url(../img/box_yellow_bottom.gif) no-repeat left bottom;
}
/* } */

/* box_bullet { */
.box_bullet {
	width:600px;
	background:url(../img/box_yellow_center.gif) repeat-y left top;
}
.box_bullet .inner {
	background:url(../img/box_yellow_top.gif) no-repeat left top;
}
.box_bullet ul li {
	min-height:30px;
	margin-bottom:10px;
	padding:5px 0px 0 40px;
	background:url(../img/icn_check.gif) no-repeat 0 0;
	line-height:1.4;
	font-size:16px;
	font-weight:bold;
}
.box_bullet ul {
	padding:20px 20px 5px;
	background:url(../img/box_yellow_bottom.gif) no-repeat left bottom;
}
/* } */

/* box_product { */
.box_product {
	background:url(../img/box_line_round_center.gif) repeat-y left top;
}
.box_product h3 {
	padding:20px;
	background:url(../img/box_line_round_top.gif) no-repeat left top;
	font-size:24px;
	text-align:center;
	line-height:1.4;
}
.box_product .inner {
	padding:0 20px 20px;
	background:url(../img/box_line_round_bottom.gif) no-repeat left bottom;
}
/* } */

/* box_kessai { */
.box_kessai {
	padding:10px;
	background-color:#eee;
	border:1px solid #ccc;
	font-size:12px;
	color:#666;
	line-height:1.4;
}
/* } */

/* box_kaiwa { */
.box_kaiwa {
}
.box_kaiwa dt {
	float:left;
	width:80px;
	padding:10px;
	line-height:1.4;
	font-weight:bold;
}
.box_kaiwa dd {
	padding:10px;
	line-height:1.4;
	font-weight:bold;
}
.box_kaiwa dt.me {
	padding-left:35px;
	background:url(../img/icn_kaiwa_a.gif) no-repeat 10px 10px;
}
.box_kaiwa dt.me,
.box_kaiwa dd.me {
	background-color:#dcf7ff;
	color:#0086ae;
}
.box_kaiwa dt.friend {
	padding-left:35px;
	background:url(../img/icn_kaiwa_b.gif) no-repeat 10px 10px;
}
.box_kaiwa dt.friend,
.box_kaiwa dd.friend {
	background-color:#dfffd1;
	color:#2b8c01;
}
/* } */

/* box_tokuten { */
.box_tokuten {
	background:url(../img/box_purple_center.gif) repeat-y left top;
}
.box_tokuten .inner {
	padding:0 30px 20px;
	background:url(../img/box_purple_top.gif) no-repeat left top;
}
.box_tokuten .bottom {
	height:10px;
	background:url(../img/box_purple_bottom.gif) no-repeat left bottom;
}
.box_tokuten h3 {
	min-height:85px;
	padding:30px 20px 0 90px;
	font-size:24px;
	font-weight:bold;
	line-height:1.4;
}
.box_tokuten h3.tokuten1 {
	background:url(../img/icn_tokuten1.gif) no-repeat 0px 20px;
}
.box_tokuten h3.tokuten2 {
	background:url(../img/icn_tokuten2.gif) no-repeat 0px 20px;
}
.box_tokuten h3.tokuten3 {
	background:url(../img/icn_tokuten3.gif) no-repeat 0px 20px;
}
.box_tokuten h3.tokuten4 {
	background:url(../img/icn_tokuten4.gif) no-repeat 0px 20px;
}
.box_tokuten h3.tokuten5 {
	background:url(../img/icn_tokuten5.gif) no-repeat 0px 20px;
}
.box_tokuten h3.tokuten6 {
	background:url(../img/icn_tokuten6.gif) no-repeat 0px 20px;
}
/* } */

/* box_ps { */
.box_ps {
	background:url(../img/box_green_center.gif) repeat-y left top;
}
.box_ps h2 {
	width:153px; height:50px;
	margin:0 auto;
	text-indent:-9999px;
}
.box_ps h2.ps1 {
	background:url(../img/h_ps1.gif) no-repeat left top;
}
.box_ps h2.ps2 {
	background:url(../img/h_ps2.gif) no-repeat left top;
}
.box_ps h2.ps3 {
	background:url(../img/h_ps3.gif) no-repeat left top;
}
.box_ps .inner {
	padding:20px 30px;
	background:url(../img/box_green_top.gif) no-repeat left top;
}
.box_ps .bottom {
	height:10px;
	background:url(../img/box_green_bottom.gif) no-repeat left bottom;
}
/* } */

/* } BOXES
---------------------------------------------- */

/* Q&A { */
.q {
	padding:5px;
	padding-left:50px;
	background:url(../img/icn_q.gif) no-repeat 10px 5px;
	background-color:#dcf7ff;
	color:#0098c6;
	font-size:18px;
	line-height:1.4;
}
.a {
	margin-bottom:20px;
	padding:10px;
	padding-left:50px;
	background:url(../img/icn_a.gif) no-repeat 10px 10px;
	background-color:#ffe5f6;
}
/* } */

table.style02 {
	width:100%;
	margin:0 auto;
	border:5px solid #999;
	line-height:1.4;
	background-color:#fff;
	color:#666;
}
table.style02 th {
	width:120px;
	padding:5px 0 5px 10px;
	margin-bottom:5px;
	border-bottom:1px dotted #ccc;
	font-weight:bold;
	vertical-align:top;
	text-align:left;
}
table.style02 td {
	padding:5px 0;
	margin-bottom:5px;
	border-bottom:1px dotted #ccc;
	text-align:left;
}
table.style02 th.lastchild,
table.style02 td.lastchild {
	border-bottom:0;
	margin-bottom:0;
}

table.style03 {
	width:100%;
	margin:1em auto;
	line-height:1.4;
	background-color:#edeff4;
	color:#333;
}
table.style03 th {
	width:120px;
	padding:5px 0 5px 10px;
	margin-bottom:5px;
	border-bottom:2px solid #fff;
	vertical-align:top;
	text-align:left;
	color:#3f5997;
}
table.style03 td {
	padding:5px 0;
	margin-bottom:5px;
	border-bottom:2px solid #fff;
	text-align:left;
}
table.style03 th.lastchild,
table.style03 td.lastchild {
	border-bottom:0;
	margin-bottom:0;
}

/* footer { */
#footer #legal {
	margin-bottom:10px;
	text-align:left;
	color:#666;
}
#footer table.style01 {
	margin:0 auto;
	border:5px solid #eee;
	line-height:1.4;
	font-size:12px;
	background-color:#fff;
	color:#666;
}
#footer table.style01 th {
	width:200px;
	padding:5px 0 5px 10px;
	margin-bottom:5px;
	border-bottom:1px dotted #ccc;
	font-weight:bold;
	vertical-align:top;
	text-align:left;
}
#footer table.style01 td {
	padding:5px 0;
	margin-bottom:5px;
	border-bottom:1px dotted #ccc;
	text-align:left;
}
#footer table.style01 th.lastchild,
#footer table.style01 td.lastchild{
	border-bottom:0;
	margin-bottom:0;
}
#footer .caution {
	color:#e00;
	font-weight:bold;
}
#footer ul li {
	margin-left:30px;
}
#footer p {
	margin-bottom:1em;
	text-align:left;
}
#footer h2 {
	padding:5px;
	margin-bottom:10px;
	border:1px solid #ccc;
	font-size:18px;
	text-align:center;
	color:#eee;
	line-height:1.2;
}
#footer h3,
#footer h4,
#footer h5 {
	margin-bottom:10px;
}
#footer #privacy {
	margin-bottom:10px;
	text-align:left;
	color:#666;
	line-height:1.8;
}
#footer #privacy .inner {
	padding:20px;
	border:5px solid #ccc;
	background-color:#fff;
}
/* } footer */


/* common */
.notes {
	color:#666;
}
.clear {
	clear:both;
}
.male {
	color:#0098c6;
}
.female {
	color:#d546a1;
}
._red {
	color:#ea2f39;
}



.m_1em_0,
.margin_1em_0 {
	margin:1em 0;
}