@charset "Shift_JIS";

/*-----------------------------------------------
body
-----------------------------------------------*/

* {
	margin: 					0px;
	padding: 					0px;
}

body
{
	margin				: 0 auto;
	padding				: 0;
	font-family			: "メイリオ", Meiryo, "ＭＳ Ｐゴシック","ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka,sans-serif;
	letter-spacing		: 0.1em;
	line-height			: 1.6em;
	color				: #555;
	background			: #333;
	text-align			: center;
}

div,p,form,map
{
	margin				: 0;
	padding				: 0;
}

ul li {
	margin: 					0px;
	padding: 					0px;
}

ul {
	list-style-type:			none;
}

img
{
	border				: 0;
}

table
{
	margin-left			: auto;
	margin-right		: auto;
}

.strong
{
	font-size			: 16px;
}

.del {
	text-decoration:	line-through;
}

h4,h5,h6
{
	margin				: 0;
	text-align			: center;
}

h1 {
	text-align:			center;
	margin:				0 auto;
}

h2 {
	margin:				80px auto 0.5em;
}

h2.high0 {
	margin:				1.1em auto 1.7em;
	text-align:			center;
}
h2.high1 {
	margin:				0.8em auto 0.5em;
	text-align:			center;
}
h2.high2 {
	margin:				40px 0 0.5em;
}
h2.high3 {
	margin:				0.5em 0 1em;
	font-size:			100%;
	font-weight:		normal;
	text-align:			center;
	color:				#0041a3;
}

h3 {
	text-align:			left;
	font-size:			18px;
	margin:				1em 0 0.5em 40px;
	font-weight:		bold;
}


.clear
{
	clear:				both;
}

.f_l1
{
	float:					left;
	padding:				0 1em 0.5em 2em;
}

.fr
{
	float:					right;
	padding:				1em 0 0 1em;
	margin:					0 6.5em 0 0;
}

.c
{
	text-align:				center;
}

.right
{
	text-align:				right;
	margin:					17px 6em 1em;
}

.order_btn {
	text-align:				center;
	margin:					60px auto 30px;
}

.center {
	text-align:				center;
	margin:					2em auto;
}

.margin_b {
	margin:					2em auto 5em;
}

/*-----png clear-------------------------------*/
.png_clear {
	position:absolute;
	top:0px;
	left:0px;
	width:235px;
	height:195px;
	background-image:url(http://www.dorakon.jp/meet/images/photo_plate.png);
}

/*-----------------------------------------------
font
-----------------------------------------------*/
.red {
	color:				#FF3300;
	font-weight:		bold;
}
.red1 {
	color:				#cc0000;
	font-weight:		bold;
}
.red2 {
	color:				#FF3300;
}

.blue1 {
	color:				#0041a3;
}
.blue2 {
	color:				#0041a3;
	font-weight:		bold;
}

.marker {
	color:				#FF3300;
	background:			#FFF150;
	padding:			0px 3px;
	font-weight:		bold;
}
.marker1 {
	background:			#FFF150;
	padding:			0px 3px;
}
.marker2 {
	background:			#FFF150;
	padding:			0px 3px;
	font-weight:		bold;
}

.marker_b {
	background:			#FFF150;
	padding:			2px 3px;
	font-weight:		bold;
}

.bold
{
	font-weight:			bold;
}

.under
{
	text-decoration:		underline;
}

.italic {
	font-style:			oblique;
}

.big {
	font-size:			120%;
}

.bigger {
	font-size:			150%;
}
.biggest {
	font-size:			250%;
}

.small {
	font-size:			85%;
}

.x-small {
	font-size:			75%;
}

.dell {
	text-decoration:		line-through;
}

/*-----------------------------------------------
link
-----------------------------------------------*/
a
{
	color					   : #4D82C4; 
	text-decoration		: underline;
}

a:visited
{
	color				  		: #4D82C4; 
	text-decoration : underline;
}

a:hover
{
	color				  		: #4D82C4; 
	text-decoration : none;
}

a:active
{
	color				  		: #4D82C4; 
	text-decoration : none;
}

/*-----------------------------------------------
layout
-----------------------------------------------*/

#wrapper {
	width:900px;
	margin:0 auto 10px;
}

#contents {
	padding:0 0px 80px;
	background:#fff;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
}
#contents p.sp
{
	text-align:				left;
	padding:				17px 6em 1em;
	margin:					0 auto;
}


#footer {
	width:900px;
	font-size:11px;
	color:#888;
	margin: 0 auto;
}

.p_dummy
{
	background:#fff;
}
.p_dummy p
{
	text-align:				left;
	padding:				17px 6em 1em;
	margin:					0 auto;
}
.p_dummy p.sp1
{
	text-align:				left;
	padding:				7px 3.2em 1em;
	margin:					0 auto;
}
.p_dummy p.sp2
{
	text-align:				center;
	padding:				0;
	margin:					0.5em 3em 0.3em 0;
}
.p_dummy p.sp3
{
	text-align:				right;
	padding:				0;
	margin:					1em 3.5em 1em 0;
}
.p_dummy p.sp4
{
	text-align:				left;
	padding:				17px 3.5em 1em;
	margin:					0 auto;
}
.p_dummy p.sp5
{
	text-align:				center;
	padding:				17px 0 0;
	margin:					0 auto;
}

.p_dummy p.center
{
	text-align:				center;
	padding:				1em 6em;
	margin:					0 auto;
}


/*-----------------------------------------------
box
-----------------------------------------------*/

.box_00 {
	padding:					1.5em 0 0;
	margin:						0 60px;
	text-align:					left;
	background:					#fff;
}

.box_00 ul {
	list-style-type:			square;
	margin:						1em 1.5em 0;
	padding:					0em 1em 1em 0.5em;
	list-style-position:		inside;
}
.box_00 li.top {
	margin: 					0 0 1em;
	padding:					1em 0 0.8em 15px;
	border-top:					dashed #666 1px;
	border-bottom:				dashed #666 1px;
}
.box_00 li {
	margin: 					0 0 1em;
	padding:					0 0 0.8em 15px;
	border-bottom:				dashed #666 1px;
}

.box_00 dl {
	margin:						0 3em 2em;
}

.box_00 dt {
	font-weight:				bold;
	font-size:					110%;
	border-bottom:				1px dotted #555;
	padding:					0.1em 0;
}
.box_00 dd {
	padding:					0.5em 1em 0;
	margin-bottom:				1em;
	font-size:					90%;
}

/*-----------------------------------------------*/

.box_01 {
	padding:					1.5em 0em 1.5em;
	margin:						3em 60px;
	text-align:					left;
	background:					#fff;
	border:						5px #333 solid;
}

.box_01 ol {
	margin:						0;
	padding:					1em 3em 0.5em 3.5em;
	list-style-position:		inside;
}
.box_01 li.number {
	padding:					0.2em 0 0;
	margin:						0;
}
.box_01 ul {
	margin:						0;
	padding:					1.3em 3.5em 2em 3.5em;
	list-style-position:		inside;
}
.box_01 li.in_top {
	background: 				url(../images/list_check_blue.png) no-repeat 0 0;
	background-position:		4px 6px;
	padding:					0.8em 0 0.5em 40px;
	margin:						0;
	border-top:					dashed #666 1px;
	border-bottom:				dashed #666 1px;
}
.box_01 li.in {
	background: 				url(../images/list_check_blue.png) no-repeat 0 0;
	background-position:		4px 6px;
	padding:					0.8em 0 0.5em 40px;
	margin:						0;
	border-bottom:				dashed #666 1px;
}

.box_01 dl {
	margin:						2em 3em 0;
}

.box_01 dt {
	font-weight:				bold;
	font-size:					110%;
	border-bottom:				1px dotted #555;
	padding:					0.1em 0;
	color:						#cc0000;
}
.box_01 dd {
	padding:					0.5em 1em;
	margin-bottom:				1em;
}

/*-----------------------------------------------*/

.box_02 {
	margin: 					1.5em 0 1.3em 9em;
}

.box_02 ul {
	list-style-type:			disc;
}

.box_02 li {
	margin: 					0 0 0.5em;
	text-align:					left;
}

/*-----------------------------------------------*/

.box_03 {
	padding:					15px 10px;
	margin:						3em 100px;
	text-align:					left;
	border:						5px solid #ddd;
	background:					#fff4fa;
}

.box_03 ul {
	list-style-type:			disc;
	margin:						1em 4em;
	padding:					0.5em 0 0;
}

.box_03 li {
	margin: 					0 0 1.5em 0;
	padding:					0;
	line-height:				120%;
	font-weight:				bold;
}

.box_03 dl {
	margin:						1em;
}
.box_03 dt {
	font-weight:				bold;
	font-size:					130%;
	border-bottom:				1px dotted #555;
}
.box_03 dd {
	font-size:					120%;
	padding:					0 1em;
	margin-bottom:				1em;
}

.box_03 h3 {
	border-bottom:				1px dotted #555;
    font-size:					150%;
    font-weight:				bold;
    margin:						0 2em 0;
    line-height:				1.3em;
}
.box_03 .sub {
	margin:						0.2em 2em 1em;
    padding:					0pt;
    text-align:					right;
}


.box_04 {
	padding:					2em 0em;
	margin:						3em 60px;
	text-align:					left;
	background:					#fff;
	border:						5px #333 solid;
}

.box_04 {
	margin: 					0 0 1.5em 1em;
	float:						left;
}

.box_04 ul {
	list-style-type:			disc;
	list-style-position:		inside;
}

.box_04 li {
	margin: 					0 0 0.2em;
	text-align:					left;
}



/*-----------------------------------------------*/
.box_check_red {
	padding:					20px 0 0;
	margin:						3em 100px;
	text-align:					left;
	background:					#FFF3FB;
	border:						4px #ccc solid;
}

.box_check_red ul {
	margin:						0;
	padding:					0.5em 2em 1em 3em;
}

.box_check_red li {
	font-weight:				bold;
	font-size:					110%;
	color:						#FF3300;
	margin: 					0 0 1em 0;
	padding:					10px 0 0 35px;
	background: 				url(../images/list_check_red.png) no-repeat 0 0;
	background-position:		0 0px;
	line-height:				120%;
}

/*-----------------------------------------------*/
.box_check_blue {
	padding:					15px 0 0;
	margin:						3em 100px;
	text-align:					left;
	background:					#edfbff;
	border:						4px #ccc solid;
}

.box_check_blue ul {
	margin:						0;
	padding:					0.5em 3em 1em;
}

.box_check_blue li {
	font-weight:				bold;
	color:						#003d82;
	margin: 					0 0 1em 0;
	padding:					10px 0 0 35px;
	background: 				url(../images/list_check_blue.png) no-repeat 0 0;
	background-position:		0 0px;
	line-height:				120%;
}


/*-----------------------------------------------
law
-----------------------------------------------*/

table.law {
   border-width: 2px;
   border-color: #444 #fff;
   border-style: solid;
   border-collapse: collapse;
   text-align:center;
   margin:1em auto;
   width:700px;
}

table.law th {
   border-width: 1px;
   border-color: #444;
   border-style: dotted solid;
   padding: 5px 2em;
   background-color: #FFE9C7;
   width:15em;
}
table.law td {
   border: 1px gray;
   border-style: dotted solid;
   padding: 5px 3em;
   text-align:left;
}


/*-----------------------------------------------
policy
-----------------------------------------------*/

#wrapper2
{
	width					: 791px;
	margin					: 0 auto;
	padding				: 3em 0;
	background			: url(images/bg_wrap.gif) repeat-y;
	text-align				: center;
}

.policy p
{
padding:				1em 4em 1em;
text-align:				left;
}

.policy ul
{
	text-align:				left;
	margin:					2em 6em 0;
	padding-bottom:			3em;
}

.policy ol ul
{
	text-align:				left;
	margin:					1em 1em 0;
	padding-bottom:			3em;
}

.policy ol
{
	text-align:				left;
	margin:					2em 6em 0;
	padding-bottom:			3em;
}

.policy li
{
	margin:				0 5em auto 0;
}

/* デザイン一覧 */
#design {
	text-align:				center;
	margin:					0 auto;
	width:					810px;
}

#design li {
	float:					left;
	text-align:				center;
	padding:				10px 3px 2px 3px;
	line-height:			1.5em;
	width:					260px;
	margin-bottom:			1em;
}

#design li img {
	border:					2px solid #ccc;
}

#design li img:hover {
	border:					2px solid #ff3300;
}


/* -----------------------------------------------------------
お問い合わせフォーム
----------------------------------------------------------- */

#form p.form {
margin:0;
padding:0;
line-height:0;
}

#form table {
width:550px;
clear:both;
}
#form table tr th {
padding:10px 10px 10px 10px;
font-size:12px;
border-bottom:solid 1px #999999;
border-right:solid 1px #CCCCCC;
text-align:right;
width:120px;
white-space:nowrap;
line-height:1.6em;
}
#form table tr th span,table tr td span {
display:block;
color:#015783;
font-weight:normal;
font-size:10px;
}
#form table tr td {
padding:10px 10px 10px 10px;
font-size:12px;
border-bottom:solid 1px #999999;
text-align:left;
line-height:1.6em;
}

#form .submit {
text-align:center;
}

#form input.btn {
width:250px;
height:3em;
}

/* -----------------------------------------------------------
感想
----------------------------------------------------------- */

/* ▼外枠▼ */
.note {
	margin:				2.5em 95px;
	border:				3px solid #ccc; 	/* 外枠 */
	padding:			15px 10px 10px;			 	/* 内側の余白 */
	background-color:	#fdfdfd; 			/* 背景色 */
}
/* ▼ノート内部▼ */
#contents div.note p {
	text-align:			left;
	padding:			0.1em 2em 0;
	background-image:	url("../images/u_line.png");	/* 罫線 */
	line-height:		30px; 							/* 行の高さ */
	margin:				0px;	  						/* 外側の余白 */
}
#contents div.note p.r {
	text-align:			right;
	padding:			0 2em;
	background-image:	url("../images/u_line.png");	/* 罫線 */
	line-height:		30px; 							/* 行の高さ */
	margin:				0px;	  						/* 外側の余白 */
}
/* ▼ノートタイトル▼ */
#contents div.note p.title {
	font-size:			22px;
	line-height:		29px;
	margin:				5px 0px 5px 0px;			/* 外側の余白 */
	padding:			0px 1em;					/* 内側の余白 */
	border-bottom:		3px double #ccc;			/* 下線 */
	font-weight:		bold;						/* 文字の太さ */
	color:				#666;					/* 文字色 */
}