@charset "UTF-8";
/* オーダーパスコ用CSS */

/* ***************************************************************

 上書き

*************************************************************** */

#contentsWrap h2 {
	border:0 solid red;
	margin:0 0 10px 0;
}
#contentsWrap h3 {
	padding:0;
	margin:0 0 10px 0;
}


/* ***************************************************************

 汎用

*************************************************************** */

.txtRight { text-align:right !important; }
.txtCenter{ text-align:center !important; }
.txtLeft  { text-align:left !important; }


.checkBoxWrap{
	width:100px !important;
	text-align:center !important;
}
/* ***************************************************************

 構造

*************************************************************** */
#pascoFlow {}

#pascoFlow_left{
	width:320px;
	float:left;
}
#pascoFlow_left dl{
	clear:both;
	margin:0 0 5px 0;
}
#pascoFlow_left dt{
	width:120px;
	float:left;
}
#pascoFlow_left dd{
	width:190px;
	float:right;
}

#pascoFlow_left ul{
	margin:0;
	padding:0;
	clear:both;
}
#pascoFlow_left ul li{
	width:320px;
	background:transparent url(/img/pasco/icon_down.gif) left top no-repeat;
	padding:10px 0 5px 0;
} 

#pascoFlow_right{
	width:200px;
	float:right;
}
#pascoFlow_right ul li{
	text-align:right;
}
#pascoFlow_right h3{
	background-color:#DCDDDD;
	padding:3px;
	margin:0 0 5px 0;
	font-size:85%;
	font-weight:100;
}
#pascoFlow_right p{
	padding:0;
	margin:0 0 10px 0;
	font-size:85%;
}

/* 形状 ------------------------------------------ */
#typeList{
	margin:0 0 20px 0;
}

#typeList table tr th{
	width:130px;
	border-bottom:1px dotted #ccc;
}
#typeList table tr td{
	padding:10px 0;
	border-bottom:1px dotted #ccc;
}
/* フタ ------------------------------------------ */
#cap{
	clear:both;
	margin:0 0 20px 0;
}
#cap dl{
	padding:0 0 10px 0;
	width:530px;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
}
#cap dl dt{
	width:400px;
	float:left;
}
#cap dl dd{
	padding:45px 0 0 0;
	width:120px;
	float:right;
}
/* キャスター・サイズ ------------------------------------------------ */
#caster{
	clear:both;
	margin:0 0 20px 0;
}
#caster dl{
	padding:0 0 10px 0;
	width:530px;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
}
#caster dl dt{
	width:400px;
	float:left;
}
#caster dl dd{
	padding:45px 0 0 0;
	width:120px;
	float:right;
}

#caster_base{
	width:70px;
	float:left;
}

#caster_info{
	width:320px;
	float:left;
}

/* キャスターバリエーション ------------------------------------------ */
#variation{
	margin:0 0 20px 0;
	padding:0;
	border-bottom:1px dotted #ccc;
}
#variation h4{
	margin:0 0 20px 0;
}
#variation h5{
	padding:0;
	margin:0 0 0 0;
}
#variation p{
	padding:0;
	margin:0 0 5px 0;
}
#variation table {
	margin:0 0 10px 0;
	border-collapse:collapse;
}
#variation table tr th{
	width:110px;
}
#variation table tr td{
	width:60px;
	border:1px solid #999;
	text-align:center;
}
#variation ul{
	padding:0;
	margin:0 0 20px 0;
}
#variation ul li{
	padding:0;
	margin:0 0 5px 0;
	line-height:120%;	
}

#size{}
#size ol{
	margin:0;
	padding:10px 0 20px 0;
	width:530px;
	list-style-type:none;
}
#size ol li{
	margin:0;
	padding:0;
	width:175px;
	float:left;
}
#size ol li input{
	width:150px;
}

#size ul{
	clear:both;
	margin:0;
	padding:0;
}
#size ul li{
	text-indent:-1em;
	padding-left:1em;
	color:#F72626;
}

/* カラー ------------------------------------------ */

#color{
	padding:10px 0 20px 0;
}

#color table tr td{
	padding:10px 20px 10px 10px;
}


/* 取っ手 ------------------------------------------ */
#hand{}
#hand h4 { font-weight:100; line-height:120%;}
#hand h4 img { padding:0 10px 0 0;}
#hand h6 { border-bottom:1px solid #EBD4CB; padding:0 0 5px 0; margin:0 0 10px 0;}
#hand p { margin:0 0 10px 0; padding:0;}

#hand table {
	width:530px;
	border-collapse:collapse;
	margin:0 0 20px 0;
}
#hand table tr th{
	width:130px;
	border-bottom:1px dotted #ccc;
	padding:10px 0;
	vertical-align:top;
}
#hand table tr td{
	border-bottom:1px dotted #ccc;
	padding:10px 0;
	vertical-align:top;
}
#hand table tr td img{
	padding:0 10px 0 0;
}

#hand #otherBorder{
	padding:10px 0;
	width:150px;
	border:1px solid #EBD4CB;
	float:left;
}
#hand #otherBorder p{
	margin:0 10px 10px 10px;
}
#hand table#men{
	width:370px;
	float:right;
}

#hand table#men tr th{
	width:130px;
}

/* ネーム ------------------------------------------ */
#name{
	clear:both;
	margin:0 0 20px 0;
}
#name h4 { font-weight:100; line-height:120%;}
#name h4 img { padding:0 10px 0 0;}
#name h6 { border-bottom:1px solid #EBD4CB; padding:0 0 5px 0; margin:0 0 10px 0;}
#name p { margin:0 0 10px 0; padding:0;}

#name table {
	width:530px;
	border-collapse:collapse;
	margin:0 0 20px 0;
}
#name table tr th{
	width:130px;
	border-bottom:1px dotted #ccc;
	padding:10px 0;
	vertical-align:top;
}
#name table tr td{
	border-bottom:1px dotted #ccc;
	padding:22px 0 10px 0;
	vertical-align:top;
}
#name table tr td input{
	margin:5px 0 0 0;
}

#name table#handposition{
}
#name table#handposition tr th {
	width:151px;
	vertical-align:middle;
}
#name table#handposition tr td {
	padding:5px 0;
	vertical-align:middle;
}

/* ビュー ------------------------------------------ */
#view{}
#view h4 { font-weight:100; line-height:120%;}
#view h4 img { padding:0 10px 0 0;}
#view h6 { border-bottom:1px solid #EBD4CB; padding:0 0 5px 0; margin:0 0 10px 0;}
#view p { margin:0 0 10px 0; padding:0;}

#view table {
	clear:both;
	width:530px;
	border-collapse:collapse;
	margin:0 0 20px 0;
}
#view table tr th{
	width:150px;
	border-bottom:1px dotted #ccc;
	padding:10px 0;
	vertical-align:top;
}
#view table tr td{
	width:280px;
	border-bottom:1px dotted #ccc;
	padding:10px 0 10px 0;
	vertical-align:top;
}
#view ul{
	width:290px;
	margin:0;
	padding:0;
}

#view ul li{
	width:145px;
	float:left;
}
#view ul li input{
	width:100px;
}
#view p{
	margin:0;
	padding:0;
}

#viewOther_txt{
	width:150px;
	float:left;
}

#view dl{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	width:370px;
	display:inline;
	float:right;
	border-bottom:1px dotted #ccc;
}
#view dl dt{
	width:244px;
	float:left;
}

#view dl dd{
	padding:20px 0 0 0;
	width:100px;
	float:right;
}

/* 数量 ------------------------------------------ */
#quantity{}
#quantity p{
	text-align:right;
}
#quantity p input{
	margin:0 5px;
}

/* 現在のお見積り使用確認 ------------------------------------------ */
#check{
	margin:0 0 10px 0;
}
#check h2 {
	border:0 solid red;
}

#check table{
	margin:0 auto;
	width:529px;
	border-collapse:collapse;
}
#check table tr th{
	border:1px solid #D7A998;
	background-color:#F3E6DF;
	padding:8px 5px;
	font-weight:100;
}
#check table tr td{
	border:1px solid #D7A998;
	padding:8px 5px;
}

/* 次へボタン ------------------------------------------ */
table#btnNext{
	width:530px;
}
table#btnNext tr th{
	font-weight:100;
	text-align:right;
}
table#btnNext tr td{
	text-align:right;
	width:150px;
}
/* ***************************************************************

 形状サンプル

*************************************************************** */
table#pascoSampleTable{
	border-collapse:collapse;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

table#pascoSampleTable tr th{
	padding:5px 0;
	border-top:1px dotted #ccc;
	border-left:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	vertical-align:top;
}
table#pascoSampleTable tr th.pascoSampleTitle{
	text-align:center;
	border-top:0px dotted #ccc;
	border-left:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

table#pascoSampleTable tr td{
	width:190px;
	padding:5px 0;
	border-top:1px dotted #ccc;
	border-left:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	vertical-align:top;
	font-size:85%;
}
table#pascoSampleTable tr td p{
	padding:5px 5px 10px 5px;
}

table#pascoSampleTable tr td ul{
	width:180px;
	margin:0;
	padding:5px 5px 10px 5px;
}
table#pascoSampleTable tr td ul li strong{
	display:block;
	float:left;
	width:5em;
	font-weight:100;
}
table#pascoSampleTable tr td ul li {
	margin:0;
	line-height:150%;
}

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

--- */

table#pascoColor { border-collapse:collapse; margin:0 0 30px 0;}
table#pascoColor tr td { width:120px; font-size:12px;}