@charset "euc-jp";
/*
-------------------------------------------------------------------------------------------
 cosplay-walker.com's Styles of namecard
 Author:  Fukuda,Kyo
 Last updata:  2008.3.31
-------------------------------------------------------------------------------------------
*/

#namecard {
	width: 800px;
	clear: left;
}


#namecard #explanation {
	float: left;
	width: 530px;
}
#designpat {
	background: url(images/bg_footer.gif) no-repeat bottom center;
	width: 270px;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#contener {
	width: 800px;
	padding-top: 10px;
}
#designpat h3 {
	width: 270px;
	height: 62px;
	background: url(images/select_design.gif) no-repeat;
	text-indent: -10000px;
}


#designpat dt, #designpat dd {
	background: url(images/bg_gray.gif) repeat-y;
}

#designpat dd.img {
	padding-bottom: 10px;
}

#designpat dt img{
	width: 116px;
	float: left;
	clear: left;
}

.text {
	padding: 20px 20px 5px 15px;
}	

/*
-------------------------------------------------------------------------------
Meishikan_common
-------------------------------------------------------------------------------
*/

/*左ナビゲーション*/
#leftnav {
	background: url(images/bg_leftnav.gif) no-repeat;
	float: left;
	width: 185px;
	height: 310px;
}
#leftnav h3, #leftnav li {
	text-indent: -10000px;
}
#leftnav h3 {
	height: 119px;
}
#leftnav li {
	width: 163px;
	height: 23px;
	margin: 0 0 8px 11px;
}
#leftnav li a {
	background-image: url(images/btn_leftnav.gif);
	display: block;
	width: 163px;
	height: 23px;
}
a#nav_sam {background-position: 0 -31px;}
a#nav_plan {background-position: 0 -62px;}
a#nav_flow {background-position: 0 -93px;}
a#nav_order {background-position: 0 -124px;}
a#nav_qa {background-position: 0 -155px;}


/*メインコンテンツ*/
#main {
	float: left;
	width: 595px;
	margin: 15px 0 0 20px;
	padding-bottom: 30px;
}
#main h4 {
	margin-bottom: 15px;
}
#main h5 {
	margin: 20px 0 12px 0;
}
p.setumei {
	line-height: 18px;
	padding: 0 10px;
}

/*
-------------------------------------------------------------------------------
Meishikan_page
-------------------------------------------------------------------------------
*/

/*
-------------------------------------------------------------------------------
top
-------------------------------------------------------------------------------
*/
#main.top h5 {
	margin: 20px 0 12px 0;
}
#main.top table {
	width: 575px;
	margin: 15px 0 10px 10px;
	border: 2px solid #CBCBCB;
	border-collapse: collapse;
}
#main.top th, #main.top td {
	padding: 5px 8px;
	border-right: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
}
#main.top th {
	font-weight: bold;
	background-image: url(images/bg_th.gif);
}
#main.top td {
	vertical-align: middle;
}

/*
-------------------------------------------------------------------------------
order
-------------------------------------------------------------------------------
*/
#main p.setumei {
	margin-top: 10px;	
}
#main p.err {
	font-weight: bold;
	color: #FF4800;
	margin: 10px;
}
table.order_01 {
	width: 575px;
	margin-left: 10px;
	border: 2px solid #CBCBCB;
	border-collapse: collapse;
}
.order_01 th, .order_01 td {
	padding: 5px 8px;
	border-right: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
}
.order_01 th, .order_01 td.koumoku {
	background-image: url(images/bg_th.gif);
}
#main p.btn {
	text-align: center;
	margin-top: 20px;
}
.w135 {
	width: 135px;
}
.order_01 th strong {
	font-weight: normal;
	color: #FF7800;
}
.order_01 td .note {
	color: #1F96B9;
}
.order_01 td.price, span.price {
	color: #FF4800;
}
.order_01 td img {
	float: left;
	margin-right: 10px;
	border: 1px solid #CBCBCB;
}
input.ipt_01 {
	margin: 5px 0;
}
#main h5.opt {
	font-size: 12px;
	color: #FFF;
	background-image: url(images/bg_h5.gif);
	padding: 5px 10px;
	margin: 15px 10px;
}
#main h5.cnf {
	font-size: 12px;
	color: #FFF;
	background-image: url(images/bg_h5.gif);
	padding: 7px 10px;
	margin: 15px 10px;
	position: relative
}
#main h5.cnf input {
	position: absolute;
	right: 6px;
	top: 3px;
}
* html #main h5.cnf input {
	right: 15px;
}
.order p.note {
	line-height: 18px;
	padding: 0 10px 15px 10px;
}
#main p.point {
	font-weight: bold;
	background-image: url(images/bg_point.gif);
	padding: 10px;
	margin: 15px 10px;
}
#main p.keisan {
	background-image: url(images/bg_point.gif);
	padding: 8px 10px;
	margin: 15px 10px;
}
#main p.point strong {
	font-size: 14px;
	color: #FF5501;
}
#main p.bnr {
	margin-top: 20px;
}

/*
-------------------------------------------------------------------------------
qa
-------------------------------------------------------------------------------
*/
/*gotop*/
.qa p.gotop {
	text-align: center;
	margin: 0 10px;
}
.qa p.gotop a {
	text-decoration: none;
	display: block;
	width: 575px;
	height: 100%;
}
.qa p.gotop a:link, .qa p.gotop a:visited {
	color: #AAD24F;
}
.qa p.gotop a:hover {
	color: #FFA800;
	position: relative;
	top: -3px;
	left: -1px;
}
/*pagenavi*/
.qa ul.pagenav {
	margin-left: 20px;
}
ul.pagenav:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}
* html ul.pagenav {
	height: 1%;
}
.qa .pagenav li {
	line-height: 16px;
	background: url(../common/images/icon_06.gif) no-repeat 5px 5px;
	float: left;
	width: 165px;
	padding: 0 0 10px 20px;
}
.qa .pagenav li a:link, .qa .pagenav li a:visited {
	color: #000;
}
/*midasi*/
#main.qa h5 {
	font-size: 14px;
	color: #FFF;
	background-image: url(images/bg_h5.gif);
	padding: 7px 10px;
	margin: 15px 10px 15px 10px;
	clear: left;
}
* html #main.qa h5 {
	padding: 8px 10px 5px 10px;
}
/*etc*/
.qa dl {
	line-height: 18px;
	margin: 10px;
}
.qa dt {
	font-size: 14px;
	font-weight: bold;
	color: #14A1C7;
	background: url(../freemarket/images/i_01.gif) no-repeat 0 4px;
	padding-left: 15px;
	
}
.qa dd {
	background: url(images/dot_01.gif) repeat-x left bottom;
	padding: 10px 10px 15px 15px;
	margin-bottom: 15px;
}
.qa dd.top {
	background: none;
	padding: 10px 10px 0 15px;
	margin-bottom: 0;
}
.qa dd ol {
	padding: 5px 0 0 20px;
}
*html .qa dd ol {
	padding: 5px 0 0 25px;
}
.qa dd ol li {
	padding-top: 5px;
}
.qa dd table {
	width: 545px;
	margin: 10px 0;
	border: 2px solid #CBCBCB;
	border-collapse: collapse;
}
.qa dd th, .qa dd td {
	width: 50%;
	padding: 5px 8px;
	border-right: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
}
.qa dd th {
	background-image: url(images/bg_th.gif);
}
.qa dd td {
	text-align: right;
}
.qa dl dd dl {
	padding: 0;
	margin: 0;
}
.qa dd dl dt {
	font-size: 12px;
	color: #88C500;
	background: none;
	padding: 0;
	margin: 10px 0 0 0;
} 
.qa dd dl dd {
	background: none;
	padding: 0;
	margin: 0;
} 
/*
-------------------------------------------------------------------------------
flow
-------------------------------------------------------------------------------
*/
#main.flow h4 {
	margin-bottom: 0;
}
#main.flow h5 {
	margin: 0 0 0 10px;
}
#main.flow p.setumei {
	background: #EFEFEF url(images/bg_flow_01.gif) no-repeat center bottom;
	margin: 0 10px 20px 10px;
	padding: 10px 10px 13px 57px;
}

/*
-------------------------------------------------------------------------------
plan
-------------------------------------------------------------------------------
*/
#main.plan h4 {
	margin-bottom: 0;
}
#main.plan table {
	width: 575px;
	margin: 0 0 10px 10px;
	border: 2px solid #CBCBCB;
	border-collapse: collapse;
}
* html #main.plan table {
	margin: 0 0 25px 10px;
}
#main.plan table.top {
	margin-top: 1px;
}
#main.plan th, #main.plan td {
	padding: 5px 8px;
	border-right: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
}
#main.plan th {
	font-weight: bold;
	background-image: url(images/bg_th.gif);
}
#main.plan td {
	vertical-align: middle;	
}
.w20 {
	width: 20%;
}
.f10 {
	font-size: 10px;
}
/*
-------------------------------------------------------------------------------
sample
-------------------------------------------------------------------------------
*/
#main.sample h4 {
	margin-bottom: 10px;
}
#main.sample p.setumei {
	margin: 13px 0 20px 0;
}
#main.sample table {
	width: 575px;
	margin: 0 0 10px 8px;
}
#main.sample td {
	text-align: center;
	vertical-align: middle;
	width: 25%;
	padding: 5px;
	border: 1px solid #DDD;
}

/*
-------------------------------------------------------------------------------
campaign
-------------------------------------------------------------------------------
*/
#main.cam h5 {
	margin-top: 20px;
}
#main.cam table {
	width: 575px;
	margin: 0 0 15px 10px;
	border: 2px solid #CBCBCB;
	border-collapse: collapse;
}
#main.cam th, #main.cam td {
	padding: 5px 8px;
	border-right: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
}
#main.cam th {
	font-weight: bold;
	background-image: url(images/bg_th.gif);
	width: 20%;
}
#main.cam td strong {
	color: #FF4800;
}
#main.cam td.plan {
	background-image: url(images/bg_th.gif);
	width: 20%;
}

.strong_orange {
	color: #FF7800;
	font-weight: bold;
}
.va-m {
	vertical-align: middle;
}