@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,a,form,fieldset,input,textarea,label,button,p,blockquote,th,td {
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-decoration:none;
	font-style:normal;
}
body {
	font-size:14px;
	color:#666666;
	line-height:1;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",
	"メイリオ","Verdana", "Times New Roman", Times, serif;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:#ffffff;
}
ul li {
	list-style-type:none;
}
img {
	border:none;
	font-size:1%;
	line-height:1%;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
p{
	line-height:1.5;
}
/*/*/

/*/*/
a{
	color:#666666;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:visited{
	color:#666666;
}
/* jsでのロールオーバー用クラス */
.ro{}


/* ClearFix */
/** ClearFix ***************************************/ 
.clearfix:after ,
.inner:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix ,
.inner {
  min-height: 1px;
}
* html .clearfix ,
* html .inner {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*/*/
body{
	background:url(../img/bg_body.gif) repeat-x left top #ffffff;
}
#Content {
	background:url(../img/bg_content_mdl.gif) repeat-y 0 0;
	width:944px;
	margin:38px auto 25px auto;
}
#Content #Header {
	background:url(../img/bg_content_top.gif) no-repeat 0 0;
	height:101px;
	padding:19px 0 0 21px;
}
#Content #Content_Inner {
	width:858px;
	margin:34px auto 16px auto;
	display:block;
}
#Content #Content_Inner h1 {
	margin-bottom:27px;
}
#Content #Content_Inner h2 {
	margin-bottom:18px;
}
#Content #Content_Inner .txtStyle_01 {
	margin:0 0 30px 20px;
}
#Content #Content_Inner #tab {
	background:url(../img/bg_itemlist_top.gif) no-repeat left bottom;
	padding-left:10px;
	width:836px;
	height:53px;
}
#Content #Content_Inner #tab li {
	float:left;
	margin-right:10px;
	line-height:1%;
	font-size:1%;
}
#Content_ItemSelectArea {
	width:836px;
	margin:0 auto 23px auto;
	background:url(../img/bg_itemlist_btm.gif) no-repeat left bottom;
	padding-bottom:5px;
}
#Content #Content_Inner #itemlist_head {
	background:url(../img/bg_itenlist_head.gif) no-repeat left top;
	padding:0;
	clear:both;
	height:28px;
	clear:both;
}
#Content #Content_Inner #itemlist_head p {
	color:#666666;
	padding-left:20px;
	line-height:1.8;
}
#Content #Content_Inner #itemlist_head strong {
	margin-right:234px;
}
.box {
	background:#f7f7f7;
	border-bottom:2px solid #d7d7d7;
	clear:both;
	padding:0 0 0 13px;
	margin:0 0 0 0;
	height:1%;
}
.box .item_name {
	padding:15px 0 10px 0;
	width:274px;
	float:left;
	line-height:1.4;
}
.box .item_name a,
a.link{
	color:#5092ed;
	text-decoration:underline;
}
.box .item_name a{
	color:#eb6c31;
	text-decoration:none;
}
.box .item_name a:hover,
a.link:hover{
	text-decoration:underline;
}
.box .item_select {
	float:left;
	width:549px;
}
.box .item_select p {
	background:url(../img/bg_item_name.gif) repeat-x 0 0;
	border-top:1px solid #d7d7d7;
	padding:10px 0 10px 9px;
	cursor:pointer;
	margin-top:-1px;
	color:#5092ed;
	font-weight:bold;
	text-decoration:underline;
}
.box .item_select p.last {
	border-bottom:10px solid #f60;
}
.box .item_select span {
	background:url(../img/icon_blue.gif) no-repeat 0 0px;
	padding-left:15px;
}
.box .item_select ul{
	border-top:1px solid #d7d7d7;
/*	display:none;*/
	margin:-1px 0 0 0;
}
.box .item_select li {
	background:#ffffff;
	border-bottom:1px dotted #d7d7d7;
	padding:10px 10px 10px 13px;
}
.box .item_select .selected {
	background:url(../img/bg_item_name_selected.gif) no-repeat 0 0 #d0d0d0;
	cursor:pointer;
	text-decoration:none;
}
.box .item_select .selected .item {
	background:url(../img/icon_orange.gif) no-repeat 0 4px;
	font-weight:bold;
	width:200px;
	display:inline-block;
	padding-left:14px;
	color:#666666;
}
.box .item_select .select .unit ,
.box .item_select .select .count {
	display:none;
	color:#666666;
}
.box .item_select .selected .unit {
	background:none;
	display:inline-block;
	width:230px;
	vertical-align:text-top;
}
.box .item_select .selected .count {
	background:none;
	display:inline-block;
}
.box .item_select .clearfix .name {
	width:230px;
	float:left;
	padding-top:4px;
}
.box .item_select .clearfix .unit {
	float:left;
	width:190px;
}
.box .item_select .clearfix .unit div {
	padding-top:4px;
}
.box .item_select .clearfix .count {
	float:left;
	width:90px;
	text-align:right;
}
.notesTxt {
	width:836px;
	margin:0 auto 50px auto;
}
.notesTxt li {
	background:url(../img/icon_list.gif) no-repeat left 8px;
	padding-left:7px;
	line-height:1.8;
	font-size:86%;
}
.notesTxt li a{
	color:#5092ed;
	text-decoration:underline;
}
.notesTxt li a:hover{
	text-decoration:none;
}
.btnArea{
	text-align:left;
	margin:0 80px 35px 80px;
}
.btnAreaFin{
	text-align:center;
	margin-bottom:35px;
}

.totop{
	text-align:right;
	font-size:86%;
	margin-bottom:35px;
}
#Content #Content_Inner #btmLinkArea {
	text-align:center;
	margin-bottom:15px;
	font-size:86%;
}
#Content #Content_Inner #btmLinkArea a {
	margin:0 20px;
}
#Content #Content_btm {
	background:url(../img/bg_content_btm.gif) no-repeat left bottom;
	width:944px;
	height:85px;
	display:block;
}
#Content #Content_btm .foot_left {
	float:left;
	width:300px;
	padding-top:20px;
}
#Content #Content_btm .foot_left img {
	margin:0 0 0 35px;
}
#Content #Content_btm .foot_right {
	float:right;
	padding-top:40px;
}
#Content #Content_btm .foot_right img {
	margin-right:30px;
}

/* printable */
.box .item_select .selected_L {
	background:url(../img/bg_item_name_selected_02.gif) no-repeat 0 0;
	cursor:pointer;
}
.box .item_select .selected_L .item {
	background:url(../img/icon_orange.gif) no-repeat 0 4px;
	font-weight:bold;
	width:245px;
	display:inline-block;
	padding-left:14px;
}
.box .item_select .select_L .unit ,
.box .item_select .select_L .count {
	display:none;
}
.box .item_select .selected_L .unit {
	background:none;
	display:inline-block;
	width:175px;
}
.box .item_select .selected_L .count {
	background:none;
	display:inline-block;
}
.box .item_select .selected .count {
	background:none;
	display:inline-block;
}
.box .item_select .clearfix .name_L {
	width:270px;
	float:left;
	padding-top:4px;
}
.box .item_select .clearfix .unit_L {
	float:left;
	width:170px;
}
.box .item_select .clearfix .count_L {
	float:left;
	width:70px;
	text-align:right;
}
.box .item_select .name_stop {
	width:100%;
	padding:7px 0 0 0;

}
.box .item_select .Item_other {
	display:block;
}
.box .item_select .Item_other li{
	border:none;
}
#itemlist_head .other_color {
	margin:0 175px 0 0!important;
}
#itemlist_head .othet_price_01 {
	margin-right:90px!important;
}
#itemlist_head .othet_price {
	margin-right:140px!important;
}
#itemlist_head .other_count {
	margin:0!important;
}
#Content_ItemSelectArea .fax_Inner {
	background:#f7f7f7;
	padding:20px 30px;
}
#Content_ItemSelectArea .fax_Inner p {
	margin-bottom:15px;
}
#Content_ItemSelectArea .fax_Inner a {
	color:#5092ed;
	text-decoration:underline;
}
#Content_ItemSelectArea .fax_Inner a:hover {
	text-decoration:none;
}
#Content_ItemSelectArea .fax_Inner .fax_btn {
	padding-top:20px;
	margin-bottom:20px;
}
#Content_ConfirmArea {
	width:836px;
	margin:30px auto 45px auto;
}
#Content_ConfirmArea .resultBox {
	margin-bottom:30px;
}
#Content_ConfirmArea .resultBox dl {
	width:740px;
	height:1em;
	border-bottom:1px solid #d7d7d7;
	padding-bottom:10px;
	clear:both;
	margin-bottom:10px;
}
#Content_ConfirmArea .resultBox dt {
	float:left;
}
#Content_ConfirmArea .resultBox dd {
	margin-left:135px;
}
#Content_ConfirmArea .resultBox .price {
	font-weight:bold;
	border-bottom:0;
}
#Content_ConfirmArea .total {
	margin-bottom:50px;
}
#Content_ConfirmArea .total dl {
	width:100%;
	border:1px solid #d5d5d5;
	height:1%;
	font-weight:bold;
}
#Content_ConfirmArea .total dt {
	float:left;
	line-height:3;
	background:#d5d5d5;
}
#Content_ConfirmArea .total span {
	padding:0 35px;
}
#Content_ConfirmArea .total dd {
	margin-left:150px;
	line-height:3;
}
.red {
	color:#ff0000;
}
#bg_Gray {
	background:url(../img/bg_address_btm.gif) no-repeat left bottom #f0f0f0;
	padding-bottom:4px;
	margin-top:15px;
}
#bg_Gray #bg_Gray_top {
	background:url(../img/bg_address_top.gif) no-repeat left top;
	padding:15px 25px;
}
#bg_Gray #bg_Gray_top dl {
	border-bottom:1px solid #d7d7d7;
	padding-bottom:15px;
	margin-top:15px;
}
#bg_Gray #bg_Gray_top dl.last {
	border-bottom:none;
}
#bg_Gray #bg_Gray_top dt {
	float:left;
}
#bg_Gray #bg_Gray_top dd {
	margin-left:150px;
	min-height:1em;
}
#bg_Gray #bg_Gray_top input {
	margin-right:15px;
}
#bg_Gray #bg_Gray_top input.ml15 {
	margin-left:15px;
}
#bg_Gray #bg_Gray_top input.size_L {
	width:380px;
	margin-bottom:5px;
}
#bg_Gray #bg_Gray_top textarea {
	width:380px;
	height:7em;
}
#Content_ConfirmArea .btnArea_02 {
	margin-bottom:30px;
	padding-top:30px;
}
#Content_ConfirmArea .btnArea_02 .btn_back {
	float:left;
	margin-right:142px;
	padding-top:12px;
}
#Content_ConfirmArea .btnArea_02 .btn_confirm {
	float:left;
}
#Content_ConfirmArea .txtStyle_02 {
	margin-top:20px;
}
#Content_ConfirmArea .txtStyle_02 a {
	color:#5092ed;
	text-decoration:underline;
}
#Content_ConfirmArea .txtStyle_02 a:hover {
	text-decoration:none;
}
#bg_Gray #bg_Gray_top .txtStyle_03 {
	line-height:3;
}


/* ポップアップ */
#Popup {
	width:940px;
	margin:0 auto;
	background:#ffffff;
}
#Popup #PopupContent {
	width:858px;
	margin:0 auto;
	padding-top:15px;
	padding-bottom:15px;
}
#Popup #PopupContent #Header {
	padding-bottom:20px;
}
#Popup #PopupContent #Header .logo {
	float:left;
	margin:0 0 20px 0;
}
#Popup #PopupContent #Header .btn_close {
	float:right;
}
#Popup #PopupContent h2 {
	margin-bottom:24px;
}
#Popup #PopupContent li {
	background:url(../img/icon_chui.gif) no-repeat left 7px;
	padding-left:20px;
	line-height:2;
}
#Popup #PopupContent #bg_Gray #bg_Gray_top dl {
	border-bottom:0;
	padding-bottom:10px;
	margin-top:10px;
}
#Popup #PopupContent #bg_Gray #bg_Gray_top dl.last {
	border-bottom:none;
}
#Popup #PopupContent #bg_Gray #bg_Gray_top dt {
	float:left;
	line-height:1.4;
}
#Popup #PopupContent #bg_Gray #bg_Gray_top dd {
	margin-left:180px;
	line-height:1.4;
}
#Popup #PopupContent #bg_Gray #bg_Gray_top h3 {
	font-size:120%;
	font-weight:bold;
}
#Popup #Content_btm {
	background:url(../img/bg_popup_footer.gif) repeat-x left top #f9f9f9;
	padding:30px;
	height:30px;
}
#Popup #Content_btm .foot_left {
	float:left;
}
#Popup #Content_btm .foot_right {
	float:right;
}


.btnArea #check_on,
.show #check_off{
	display:none;
}
.show #check_on,
#check_off{
	display:block;
	text-align:center;
}
#Popup #PopupContent .notes {
	margin:0 0 0 18px;
	padding:0 0 0 0;
}
#Popup #PopupContent .notes li {
	background:none;
	list-style:disc;
	padding-left:0;
	line-height:1.2;
}

#Popup #PopupContent .plinkArea {
	width:800px;
	margin:0 auto 30px auto;
}
#Popup #PopupContent .plinkArea h3 {
	font-size:100%;
}
#Content #Content_Inner #Content_ConfirmArea .pt30 {
	padding-top:30px;
}

table{
	background:#d7d7d7;
	width:100%;
	margin-bottom:15px;
}
table td{
	background:#ffffff;
	padding:3px;
}
.errorTxt{
	text-align:center;
}
.tabIndex #tab li{
	width:266px;
	height:53px;
	display:block;
}
.tabIndex #tab .tab_01 {
	background:url(../img/tab_01_f.gif) no-repeat left top;
}
.tabIndex #tab .tab_02 {
	background:url(../img/tab_02_f.gif) no-repeat left top;
}
.tabIndex #tab .tab_03 {
	background:url(../img/tab_03_f.gif) no-repeat left top;
}
.tabIndex #tab li a.active img{
	display:none;
}
#bg_Gray #bg_Gray_top dt.otherStyle{
	display:block;
	float:none;
	padding-bottom:10px;
}
#bg_Gray #bg_Gray_top dd.otherStyle{
	display:block;
	float:none;
}
#itemlist_head img{
	margin:0 10px 3px 0;
	vertical-align:bottom;
}
#itemlist_head a.popup2{
	margin-right:5px;
}
#itemlist_head a.popup2 img{
	margin-right:0;
}
/*#Tab_01 #itemlist_head strong{
	padding-bottom:8px;
}
#Tab_01 #itemlist_head strong.text{
	display:none;
}
*/
#Tab_02 #itemlist_head img{
	display:none;
}
#Tab_01 #itemlist_head p strong.text{
	width:3em;
	margin:0 10px 0 0!important;
	padding:0 0 0 0;
	display:none;
}
#Content #Content_Inner .online_notes{
	margin-bottom:20px;
	margin-left:20px;
}
#Content #Content_Inner .online_notes dt {
	float:left;
	line-height:1.4;
}
#Content #Content_Inner .online_notes dd {
	margin-left:35px;
	line-height:1.4;
}
.taC {
	text-align:center;
}
#Content #Content_Inner #colorLinkArea{
	margin-bottom:-20px;
}
#Content #Content_Inner #colorLinkArea dl {
	margin:0 0 30px 10px;
}
#Content #Content_Inner #colorLinkArea dt {
	float:left;
	margin-right:10px;
	line-height:1.5;
}
#Content #Content_Inner #colorLinkArea dd {
	float:left;
	margin-right:10px;
}
.mb20{
	margin-bottom:20px!important;
}