@charset "utf-8";
/* ===================================================================
CSS information

 file name  :top.css
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 2カラム時のスタイル
   #main
   #sub
=================================================================== */

#main {
	margin: 0 0 10px;
}

#main h2 {
	background-image: url(../img/canvas/12_img_point.png);
	background-repeat: no-repeat;
	margin: 0 0 5px;
	padding: 5px 0px 0px 45px;
	height: 35px;
	font-size: 1.3em;
	clear: both;
}

/* #canvasNav
----------------------------------------------------------- */
#canvasNav {
	background: url(../img/canvas/canvasNav/12_img_menu_b.png) no-repeat 0 0;
	height: 25px;
	width: 860px;
	margin: 0 0 15px 0;
	padding: 0;
}

#canvasNav ul {
	padding: 0 0 0 368px;
	margin: 0;
}

#canvasNav li {
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* canvas_top
----------------------------------------------------------- */

#main .canvas_title {
	background-image: none;
	margin: 0 0 5px;
	padding: 5px 0 0 0;
	height: 30px;
	clear: both;
	text-align: center;
}

.canvas_content {
	background: url(../img/canvas/12_img_02.png) no-repeat right;
	padding: 0;
	margin: 0 0 25px 0;
}

.canvas_content .left {
	width: 440px;
}

.canvas_btn {
	margin: 0 0 0 45px;
}

/* canvas_agreement
----------------------------------------------------------- */

.privacy_list {
	margin:0 30px 20px;
	padding:10px;
	height:200px;
	border: 1px #000 solid; /* セルの枠線（太さ・色・スタイル） */
	overflow: auto;
}
.privacy_list .suuji li {
	margin:0 0 0 40px;
}
.privacy_list ul ul li {
	margin:0 0 0 17px;
}
.privacy_list .ten li {
	margin:0 0 0 40px;
	list-style-type: square;
}

/* canvas_agreement
----------------------------------------------------------- */

.canvas_line_box {
	background: url(../img/canvas/12_img_size01.png) no-repeat bottom;
	padding: 0 150px 10px;
}
.canvas_sub_text {
	margin: 0 0 0 30px;
	color: #339933;
}
.canvas_main_box {
	padding: 0 0 10px 30px;
}
#main .canvas_line_box h3 {
	background-image: url(../img/canvas/12_img_size03.png);
	background-repeat: no-repeat;
	margin: 0 0 15px;
	padding: 0px 0px 0px 30px;
	height: 20px;
	font-size: 1.2em;
	clear: both;
}
/*----------------------------------------------------
	テーブル
----------------------------------------------------*/
.canvas_main_box table,
.canvas_about table {
	margin: 0px 0 10px;
	border-collapse: collapse; /* 枠線の表示方法（重ねる） */
	border: 1px #000 solid; /* セルの枠線（太さ・色・スタイル） */
	font-size: 0.9em;
	width: 520px;
}
.canvas_main_box th,
.canvas_about th {
	padding: 0px 10px;
	border: 1px #000 solid; /* セルの枠線（太さ・色・スタイル） */
	text-align: center;
	background: url(../img/canvas/12_img_size02.png);
	white-space: nowrap;
}
.canvas_main_box th.wide,
.canvas_about th.wide {
	background: url(../img/canvas/12_img_size02L.png);
}

.canvas_main_box th.th_price,
.canvas_about th.th_price{
	width: 70px;
}



.canvas_main_box td,
.canvas_about td {
	padding: 5px 10px;
	text-align: center;
	border: 1px #000 solid; /* セルの枠線（太さ・色・スタイル） */
}

.form_btn_up {
	background:transparent url(../img/canvas/12_img_size05.png) no-repeat scroll left top;
	border-style:none;
	border-width:0;
	height:25px;
	margin:0;
	padding:0;
	width:120px;
	cursor:pointer;
}

#main p.next_btn {
	margin:7px 0 0;
	padding:0;
	text-align: right;
}

.canvas_main_box .kome {
	font-size: 0.9em;
	margin: 0 0 20px 0;
}
/*----------------------------------------------------
	テーブル
----------------------------------------------------*/
.canvas_main_box table.form_table {
	background: url(../img/canvas/12_img_order04.png) top repeat-x;
	width: 100%;
	border: none;
}

.canvas_main_box table.form_table tr {
	background: url(../img/canvas/12_img_order04.png) bottom repeat-x;
}

.canvas_main_box table.form_table th {
	text-align: left;
	color: #000;
	vertical-align: top;
	border: none;
	background: none;
}

.canvas_main_box table.form_table td {
	text-align: left;
	padding: 8px 0 9px 0;
	border: none;
}
.form_clear_btn {
	background:transparent url(../img/canvas/12_img_order02.png) no-repeat scroll left top;
	border-style:none;
	border-width:0;
	height:25px;
	margin:0;
	padding:0;
	width:120px;
	cursor:pointer;
}
.form_submit_btn {
	background:transparent url(../img/canvas/12_img_order03.png) no-repeat scroll left top;
	border-style:none;
	border-width:0;
	height:25px;
	margin:0;
	padding:0;
	width:120px;
	cursor:pointer;
}
.form_back_btn {
	background:transparent url(../img/canvas/12_img_check01.png) no-repeat scroll left top;
	border-style:none;
	border-width:0;
	height:25px;
	margin:0;
	padding:0;
	width:120px;
	cursor:pointer;
}
.form_last_submit_btn {
	background:transparent url(../img/canvas/12_img_check02.png) no-repeat scroll left top;
	border-style:none;
	border-width:0;
	height:25px;
	margin:0;
	padding:0;
	width:120px;
	cursor:pointer;
}
/* canvas_about
----------------------------------------------------------- */

.canvas_about {
	padding: 0;
	margin: 0 0 25px 0;
}

.canvas_about .left2 {
	float: left;
	width: 480px;
}
.canvas_about .right2 {
	float: left;
	width: 350px;
	margin: 0 0 0 30px;
}
#main .canvas_about h3 {
	background-image: url(../img/canvas/12_img_size03.png);
	background-repeat: no-repeat;
	margin: 20px 0 15px 5px;
	padding: 0px 0px 0px 30px;
	height: 20px;
	font-size: 1.2em;
	clear: both;
	color: #339966;
}
#main .canvas_about p {
	margin: 0 0 1em 5px;
}
.canvas_about dl {
	border: 2px #FF7F7F solid; /* セルの枠線（太さ・色・スタイル） */
	padding: 3px;
	font-size: 0.9em;
}
.canvas_about dt {
	background: url(../img/canvas/12_img_what01.png) no-repeat;
	padding: 0px 0px 0px 27px;
	height: 20px;
	color: #ff0000;
}
#main .canvas_about dd p {
	margin: 0 0 0 5px;
}

#mawarikomi {
	background: url(../img/canvas/12_img_posi02.jpg) no-repeat right;
	border: 2px #FF7F7F solid; /* セルの枠線（太さ・色・スタイル） */
	padding: 3px;
	font-size: 0.9em;
}
#mawarikomi dt {
	background: url(../img/canvas/12_img_what01.png) no-repeat;
	padding: 0px 0px 0px 27px;
	height: 20px;
	color: #ff0000;
}
#main #mawarikomi dd  {
	padding: 0 350px 0 0px;
	line-height: 1.3em;
}

#main #mawarikomi dt dd p {
	margin: 0 0 0 5px;
}

.canvas_about .kome {
	font-size: 0.8em;
	margin: 0 0 20px 5px;
}

#q_block h3 {
	background: url(../img/canvas/12_img_qa01.png) no-repeat;
	height: 22px;
	border:none;
	font-size:1em;
	margin:0 0 10px;
	padding:0 0 0 15px;
}

.a_block {
	border:none;
}

.a_title {
	background-color:#339933;
	border:none;
	height:28px;
}

#main h4 {
	background:url(../img/canvas/12_img_qa02.png) no-repeat;
	border-bottom:1px dotted #969696;
	clear:both;
	color:#339966;
	font-size:1.1em;
	margin:20px 0px 10px;
	padding:0px 0 5px 30px;
}
