/* CSS Document */

/*======================================================

                    ContentsPage Style

========================================================*/
/*---------------------- Contetns Common ----------------------*/

.Title {
	border-bottom:2px solid #990000;
	font-size:10px;
}

table.Title tr td {
	vertical-align:bottom;
}

table.Title tr td img {
	margin-bottom:2px;
}

.contentTitle {
	padding:6px 0px 1px 27px;
	background-position:left bottom;
	background-repeat:no-repeat;
	font-weight:normal;
	font-size:12px;
	color:#FFFFFF;
}
.Title .copy {
	padding-top:6px;
	vertical-align:bottom;
	text-align:left;
}

.notice {
	text-align:left;
	font-size:10px;
}


#list #contents, #price #contents, #detail #contents, #order01 #contents,
#order02 #contents , #order03 #contents , #estimate01 #contents , #estimate02 #contents
{margin-top:20px;}

/*
/*  ■2007.2.21revision
/*	margin-bottom:10px;　→　margin-top:6px;
*/

#contents h3{
	margin:0px 0px 10px 0px;
}

h4.line, h5.line {
	color:#990000;
	background:url(../img/line_w_01.gif) bottom repeat-x;
	font-size:12px;
	font-weight:normal;
	margin-bottom:10px;
	padding:1px;
	}

div.free {
	color:#990000;
	background:url(../img/line_w_01.gif) bottom repeat-x;
	font-family: 'ＭＳ Ｐゴシック';
	letter-spacing: 0.1em;
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
	padding:1px;
	}


#cIcon img {margin-right:4px;}
#cIcon img.m4 {margin-right:4px ;}



/* img */
#detail .data img ,#price .step img,#price #priceList img {
	vertical-align:middle;
}

div.error {
	color:#990000;
	font-size:14px;
	font-weight:bold;
	margin:2px 0 2px 0;
}

/*---------------------- ggg-1.html ----------------------*/
#top #contents{
	width:580px;
}

#top #contents_pop{
	width:300px;
}


#top #info {
	background-image:url(../img/top_info_bg.gif);
	background-repeat:no-repeat;
	}
#top #info h2 {
	padding-bottom:5px;
	}
#top #info .info_in {
	padding:0px 25px 20px 10px;
	}
#top #info th,#info td {
	padding-bottom:5px;
	padding-top:5px;
	color:#4A2D2D;
	border-bottom:1px solid #666;
	font-size:10px;
	}
#top #info th {
	font-weight:normal;
	width:50px;
	text-align:left;
	}

#top #recommend {
	border-bottom:1px solid #999;
	clear:both;
	}

#top #recommend #title td {
	padding:10px;
	}

#top #recommend td,#recommend  th{
	vertical-align:top;
	font-size:10px;
	}
#top #recommend .rec_in, #recommend .etc {
	margin-left:9px;
	margin-bottom:10px;
}

#top #recommend h2{
	padding:12px 0px 10px 25px;
	background-repeat:no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#4A2D2D;
	}
	
#top #recommend #red_in th{
	color:#FFF;
	background-color:#990000;
	padding:1px 3px;
	font-weight:normal;
	line-height:110%;
	}	
#top #recommend #red_in td{
	padding:1px 3px;
	line-height:110%;
	}		
#top #recommend .sCopy {
	text-align:center;
	color:#990000;
	padding:2px 0px;
}
#recommend img.m8 {
	vertical-align:middle;
	margin-right:8px;
	}
	
#top #recommend h2.rec01 {
	background-image:url(../img/top_rec01.gif);
	}
#top #recommend h2.rec02 {
	background-image:url(../img/top_rec02.gif);
	}
#top #recommend h2.rec03 {
	background-image:url(../img/top_rec03.gif);
	}
#top #recommend h2.rec04 {
	background-image:url(../img/top_rec04.gif);
	}
#top #recommend h2.rec05 {
	background-image:url(../img/top_rec05.gif);
	}
#top #recommend .rec_border {
	border-right:1px solid #999;
	border-left:1px solid #999;
	}

#top #recommend .etc li, #recommend .option li {
	font-size:10px;
	background:url(../img/arrow_01.gif) 0px 4px no-repeat;
	padding-left:10px;
	padding-rihgt:10px;
	margin-bottom:1px;
}	
#top #recommend .etc li {
	float:left;
	width:113px;
}

#top #recommend .design h3 {
	background-color:#990000;
	text-align:center;
	padding:0px;
	margin:0px;
	}
#top #recommend .design div {
	border:4px solid #990000;
	background-color:#E1B3B3;
	text-align:center;
	padding:2px;
	line-height:115%;
	}

#top #bottom{
	float:left;
	}

#top #bottom td {
	padding-top:15px;
	padding-bottom:10px;
	vertical-align:top;
	}
#top #bottom .line {
	background-image:url(../img/line_l_01.gif);
	background-position:center;
	background-repeat:repeat-y
	}
#top #bottom td td {background-color:#D5D2C7;}
#top #bottom td td p {
	font-size:10px;
	line-height:120%;
}

#top #bottom td td .blog {
	background-color:#EEEDE9;
	padding:3px 10px 10px 14px;
	}

/*---------------------- item table ----------------------*/
/*  ggg-2.html
	ggg-3.html
	ggg-4.html    */

#itemTble { padding-bottom:10px; }
#itemTble td {vertical-align:top;}
#itemTble h4 {
	background-color:#D5D2C7;
	background-image:url(../img/ggg2_img02.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	font-weight:bold;
	font-size:14px;
	padding:10px 0px 2px 22px ;
	color:#4A2D2D;
	}

/*
/*  ■2007.2.21add
/*	padding:0　→　padding:0px 10px
*/
#itemTble p {
	padding:0px 10px;
}

#itemTble .copy {
	color:#4A2D2D;
	font-size:14px;
	margin-top:15px;
	margin-bottom:5px;
}
/*
/*  ■2007.2.21add
*/
#itemTble .catchcontents{
	font-size:12px;
	line-height:16px;
	margin-bottom:5px;
}

#itemTble .data{
	background-color:#D5D2C7;
	padding:3px 10px;
	margin:10px 0px;
	font-size:10px;
}
/*
/*  ■2007.2.21add
*/
*html #itemTble .data{
	padding:3px 10px;
}

#itemTble .data th {
	font-size:10px;
	font-weight:normal;
	line-height:110%;
	color:#FFF;
	background-color:#990000;
	padding:1px 3px;
	text-align:center;
}
#itemTble .data td {
	padding:0px 20px 0px 3px;
	font-size:10px;
	line-height:110%;
	vertical-align:middle;
}

#itemTble .data td.icon{
	padding-right:0px;
	text-align:right;
}
#itemTble .data td.icon a {
	margin-left:5px;	
}
/*
/*	■2007.4.24add
*/
.minihelp{
	padding:0px 20px 0px 0px;
}
.mitsumori_ln{
	padding:0 20px 0 0;
}

/*---------------------- ggg-2.html ----------------------*/

#list .contentTitle {
	background-image:url(../img/ggg2_ttl.gif);}

#list h4 ,#detail  {
	margin-bottom:10px;
}

#detail .outline th span {
	font-size:10px;
	font-weight:normal;
	line-height:110%;
	color:#FFF;
	background-color:#990000;
	padding:1px 3px;
	text-align:center;
}
#list #item{
	margin-left:2px;
}
#list .item {
	font-size:10px;
	width:134px;
	float:left;
	margin-bottom:5px;
	padding-right:13px;
	}

#list .item a.arrow01 {
	display:block;
	background-position:0 4px;
	height:50px;
}
#list .item a.arrow02 {
	display:block;
	background-position:0 4px;
	height:35px;
}
#list .item td {
	background-color:#D5D2C7;
}
#list .item .icon div {
	margin:10px 5px;
}

	
/*---------------------- ggg-3.html ----------------------*/

#detail .contentTitle {
	padding-top:4px;
	width:133px;
	background-color:#990000;
	background-image:url(../img/ggg3_ttl.gif);
	background-position:top left;
	}

#detail .outline th, #detail .outline td{
	font-size:10px;
	line-height:120%;
	}
#detail .outline th span {
	display:block;
	font-weight:normal;
	text-align:center;
	color:#FFF;
	background-color:#990000;
	padding:2px 4px;
	margin-bottom:2px;
}
#detail .outline td ,#detail .outline th{
	padding:2px 4px 4px 4px;
	vertical-align:top;
}

#detail #option {
	margin-bottom:20px;
}

#detail #option table {
	border-top:1px solid #666;
	margin-bottom:10px;
}
#detail #option th , #detail #option td {
	padding:2px 0px;
	border-bottom:1px solid #666;
	font-weight:normal;
}
/*
/*  ■2007.2.21 revision
/*	padding:4px 35px;　→　padding:4px;
/*	text-align:left;　→　text-align:center;
*/

#detail #option th .option {
	background-color:#D5D2C7;
	padding:4px;
	text-align:center;
}
#detail #option td .price {
	padding-top:4px;
	width:80px;
	text-align:right;
}
/*
/*  ■2007.2.21
/*	padding-bottom:17px;　add
*/

#detail #option .desgin {
	border-top:none;
	margin-bottom:17px;
}

#detail #option .desgin th{
	background-image:url(../img/ggg3_img02.gif);
	text-align:center;
}
/*
/*  ■2007.2.21revision
/*	padding:0px　→　padding:0px 10px;
*/
.mt3 {
	font-size:10px;
	line-height:14px;
	color:#333;
	padding:0px 10px 0px 7px;
	margin-bottom:17px;
}

.mt4 {
	font-size:10px;
	line-height:14px;
	color:#333;
	padding:0px 10px 0px 0px;
	margin-bottom:17px;
}

/*---------------------- ggg-4.html ----------------------*/
#price .contentTitle {
	padding-top:2px;
	width:133px;
	background-color:#990000;
	background-image:url(../img/ggg3_ttl.gif);
	background-position:top left;
	}


#price .step {
	background-color:#990000;
	color:#FFFFFF;
	margin-bottom:20px;
}
#price .step select {
	margin-top:5px;
	}

/*
/*  ■2007.2.21add
*/

#price #priceList {
	width:580px;
	overflow:auto;
}
#price #priceList .priceListTB{
	width:580px;
}

#price #priceList table{
	border-collapse:collapse;
}
#price #priceList th, #price #priceList td{
	padding:4px;
	border:1px solid #666;
	font-weight:normal;}

#price #priceList td{
	padding:3px 35px 3px 10px;
	text-align:right;
}
#price #priceList thead th,#price #priceList thead td {
	padding:4px;
	text-align:center;
	font-size:10px;}

#price #priceList thead th{background-color:#FFFFD6;}
#price #priceList thead td{background-color:#D5D2C7;}
#price #priceList tbody th{
	background-color:#D5D2C7;
	text-align:center;
}

/*
/*  ■2007.2.21revision
/*	text-align:center;add
*/

#price #priceList tbody td {
	color:#CC0000;
	padding:5px;
	text-align:center;
	}
#price #priceList tbody td.gray {
	background-color:#EAE8E3;
}
#price #priceList p {
	text-align:right;
	font-size:10px;
	padding-right:10px;
	margin-bottom:20px;
	}
#price #priceList .under_table_p {
	text-align:right;
	font-size:10px;
	padding-right:10px;
	margin-bottom:20px;
}
/*---------------------- #formItem ----------------------*/

#formItem table{
	border-collapse:collapse;}

#formItem th, #formItem td{
	padding:4px 10px;
	border:1px solid #666;
	font-weight:normal;}
	
#formItem .rGray {
	background-color:#EAE8E3;
}
	
	
/*th*/
#formItem th{
	text-align:center;
	white-space:nowrap;}
#formItem tbody th {
	background-color:#EAE8E3;
}
#formItem th.total {
	background-color:#990000;
	color:#FFFFFF;}


/*th DarkGray*/
#formItem th ,#formItem .others , #formItem .sTotal {
	background-color:#D5D2C7;
}


/*Border2px*/
#formItem .othersPrice, #formItem .totalPrice ,#formItem .sTotal , #formItem .total  {
	border-top:2px solid #666;
	border-bottom:2px solid #666;
	}

#formItem .blank{
	border-width: 0px;
}
/* price */
#formItem .price , #formItem .totalPrice ,#formItem .othersPrice {
	white-space:nowrap;
	text-align:right;
	padding-left:20px;
	padding-right:20px;
}

#formItem .totalPrice {
	font-size:14px;
	font-weight:bold;
	color:#990000;
	}


/*---------------------- ggg-5.html ----------------------*/
#order01 .contentTitle, #order02 .contentTitle, #order03 .contentTitle {
	background-image:url(../img/ggg5_ttl.gif);}

#order01 .form {
	margin:0px 10px;
}

#order01 .arrow {
	padding:20px;
	text-align:center;
	margin-right:20px;
}
#order01 .option {
	padding-left:10px;
	padding-right:20px;
}
#order01 .option table {
	margin-bottom:20px;
}

#order01 select {
	width:250px;
}



/*---------------------- FORM ----------------------*/
/* ggg-7.html,ggg-8.html,ggg-9.html
   ggg-13.html,
*/

/* table.info */

table.info{
	border-collapse:collapse;}

table.info th, table.info td{
	padding:4px 7px;
	border:1px solid #666;
	font-weight:normal;
	}
table.info th{
	background-color:#D5D2C7;
	text-align:center;
	}
table.info th.rGray{
	background-color:#EAE8E3;
	}
table.info .add{
	text-align:left;
	padding-left:55px;
	}

/* btn */
#order01 .btn, #order02 .btn, #select .btn , #estimate01 .btn , #mypage01 .btn{
	padding:10px;
	background-color:#990000;
	text-align:center;
	margin-bottom:20px;
}


/* w_10 */

.w_50{
	width:50px;
}
/*---------------------- ggg-7.html 
                         ggg-8.html
						 ggg-9.html ----------------------*/


#order02 #contents {
	width:auto;
	float:none;
	margin-left:50px;
	}
#order02 h4 {
	margin:0px 50px 10px 10px;
}


#order02 .form {
	margin:0px 25px 20px 15px;
}
#order02 .form_in {
	margin-left:10px;
	padding-bottom:20px;
}
.pd_kiyaku_img {
	padding-bottom:10px;
	padding-left:0;
}



/*---------------------- ggg-7.html ----------------------*/
#order02 .login input{
	margin-right:20px;
	margin-left:5px;
	}
#order02 .login td{
	font-size:10px;
	}
/*---------------------- ggg-8.html ----------------------*/

#order02 .add {
	padding-left:20px;}
	
/*---------------------- ggg-9.html ----------------------*/
	
#order02 .kiyaku {
	display:block;
	overflow: scroll;
	height: 150px;
	width:640px;
	padding:15px;
	border:1px solid #666;
}
#order02 .kiyaku .kiyaku_ttl {
	text-align:center;
	font-weight:bold;
	color:#FF0000;
	margin-bottom:5px;
	text-decoration:underline;
}
#order02 .form_in .message {
	border:1px solid #666;
	padding:15px;
	color:#330000;
}
.kiyaku {
	margin:0 0 15px 0;
}


/*---------------------- ggg-10.html
						 ggg-13-3.html ----------------------*/

#order03 p ,#estimate02 p {
	text-align:center;}

#order03 .number, #estimate02 .number{
	color:#CC0000;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	}

#order03 .message, #estimate02 .message {
	padding:8px 0px;
	margin:20px 40px;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	font-size:10px;
	}
#order03 .data {
	margin-left:20px;
	}
#order03 .data_in {
	margin:0px 20px 20px 20px;
	}
#order03 .data_in .check{
	line-height:150%;
	font-size:10px;
	margin-bottom:20px;
	}

/*---------------------- ggg-11.html
                         ggg-13.html
						 ggg-13-2.html
						 ggg-13-3.html ----------------------*/
						 
#select .contentTitle {
	background-image:url(../img/ggg11_ttl.gif);}
#estimate01 .contentTitle , #estimate02 .contentTitle{
	background-image:url(../img/ggg13_ttl.gif);}


#select #contents {
	margin-top:10px;}
#select p ,#estimate01 p{
	font-size:10px;
}
#select .txt_dRed {
	color:#990000;
	margin-bottom:5px;}

#select .form ,#estimate01 .form {
	margin:0px 10px 10px 10px;}

#select .option table {
	margin-bottom:20px;
}



/*---------------------- My Page ----------------------*/
#mypage01 .contentTitle, #mypage02 .contentTitle {
	background-image: url(../img/m15_ttl.gif);}

#mypage01 .head_link ,#mypage02 .head_link {
	color:#990000;
	font-size:10px;
	text-align:right;
	margin-bottom:20px;
}
#mypage01 .uName ,#mypage02 .uName  {
	font-weight:bold;
	border-left:10px solid #990000;
	margin: 10px 10px 20px 10px;
	padding: 10px;
	border-top:2px solid #990000;
	border-bottom:2px solid #990000;
	border-right:2px solid #990000;
	}

#mypage01 .text{
	margin:0px 15px 20px 15px;
	}
#mypage01 .info{
	background:url(../img/line_w_01.gif) bottom repeat-x;
	padding-bottom:8px;
	margin-bottom:8px;}

#mypage01 #footmenu ul,#mypage02 #footmenu ul {
	list-style:none;
	margin-top:40px;}

#mypage01 #footmenu li,#mypage02 #footmenu li {
	display:inline;
	padding-right:10px;}
#mypage01 #footmenu .side,#mypage02 #footmenu .side {
	padding:0px;}

/*myOrder(table)*/
#mypage01 .pageMov , #mypage02 .pageMov{
	text-align:right;
	font-size:10px;
	color:#666;
	}
#mypage01 .pageMov a, #myOrder td a ,#mypage02 .pageMov a{
	text-decoration:underline;}

#myOrder table{
	border-collapse:collapse;
	}
#myOrder th, #myOrder td{
	padding:5px 6px;
	border:1px solid #666;
	font-weight:normal;}
#myOrder .orderid {
	color:#CC0000;
	font-weight:bold;
	white-space:nowrap;}	
#myOrder th{
	text-align:center;
	background-color:#D5D2C7;
	white-space:nowrap;}

#myOrder .total{
	border-top-width:2px;}
#myOrder .totalPrice{
	border-top-width:2px;
	font-size:14px;
	text-align:right;
	color:#CC0000;
	font-weight:bold;
	}

#myOrder td.ditail {
	border-bottom-width:2px;}

#myOrder .message {
	border:1px solid #666;
	padding:15px;
	color:#330000;}

#myOrder .bgGray{
	background-color:#D5D2C7;}

#myOrder .bgrGray{
	background-color:#EAE8E3;}
	
#myOrder .bgRed{
	background-color:#990000;}
#myOrder .bgrRed{
	background-color:#CC7F7F;}

/*---------------------- m5.html ----------------------*/

#mypage01 dd,#mypage01 dl {
	padding-bottom:8px;}
#mypage01 #menu th {
	padding-right:10px;
	}
#mypage01 #menu th, #mypage01 #menu td {
	padding-bottom:8px;
	padding-top:8px;
	background:url(../img/line_w_01.gif) bottom repeat-x;
	font-size:10px;
	vertical-align:middle;
	line-height:120%;
	}

/*---------------------- 15-2-2.html ----------------------*/
#mypage02 #contents {
	width:auto;
	float:none;
	margin-left:50px;
	padding-top:20px;
	}
#mypage02 .stitle {
	margin:0px 20px 10px 20px;}

#mypage02 .text {
	margin:0px 20px 20px 50px;}

/*---------------------- 15-4.html ----------------------*/
#mypage01 .pass {
	margin-left:50px;
	}

#mypage01 .pass th {
	text-align:right;
	font-weight:normal;
	vertical-align:top;
	}
#mypage01 .pass td {
	padding-bottom:10px;}
#mypage01 .bNun li {
	margin-bottom:5px;
	margin-left:5px;}

/*---------------------- 15-6.html ----------------------*/
#mypage01 .resign {
	margin-left:30px;
}
	
#mypage01 .resign th ,#mypage01 .resign td {
	padding-bottom:10px;
}

/*
/*  ■2007.2.22add
*/

/*index
/*-------------------------------------*/

#contents #send{
	padding:0 10px;
}
#contents h3.webformtit{
	background:#900;
}
#contents #send p{
	margin-bottom:10px;
}

#contents #send table{
	border-top:1px solid #666;
	border-left:1px solid #666;
	margin-bottom:10px;
}
#contents #send table th{
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	padding:5px;
}
#contents #send table td{
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	padding:5px;
}

#contents #send table th{
	text-align:left;
	font-weight:normal;
	background:#D5D2C7;
}
#contents #send table th.must div{
	padding-left:13px;
	background:url(../img/send_icomust.gif) no-repeat 0% 50%;
}
#contents .footbt{
	padding:10px;
	background-color:#990000;
	text-align:center;
	margin-bottom:20px;
}
/*form width*/
#contents #send textarea{
	width:560px;
	height:70px;
	margin-bottom:10px;
}
#contents #send textarea.conf{
	width:380px;
}
#contents #send select{
	height:21px;
}
#contents #send select.conf{
	width:80px;
}

#contents #send select.itemname{
	height:80px;
	width:245px;
}
#contents #send .inputW_text{
	height:14px;
	width:245px;
}
#contents #send .inputW_tel{
	height:14px;
	width:180px;
}
#contents #send .inputW_text_conf{
	height:14px;
	width:280px;
}
#contents #send .inputW_tel_conf{
	height:14px;
	width:220px;
}
/*thanks
/*-------------------------------------*/
#contents #send .thanksmsg{
	line-height:30px;
	font-size:12px;
	text-align:center;
}

/*
/*  ■2007.2.22add  【GF9001FM】









*/

.newMenber{
	margin-bottom:20px;
	text-align:center;
}
.newMenber a{
	padding:0px 10px;
}

h4.free {
	color:#990000;
	font-size:15px;
	font-weight:bold;
	padding:0 0 0px 2px;
	margin:0;
	letter-spacing:-0.2em;
}