@charset "UTF-8";

/* reset/refault
------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd, caption, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;
	text-align: left;
	list-style-type: none;
}

h1, h2, h3, h4, h5, h6 { line-height: 1.1; }

select, input {
	margin: 0;
	padding: 0;
}

img { border: none; vertical-align:bottom; }

strong { font-weight: bold; }

hr { display: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; }

a { color: #333; text-decoration: none;  }
a:hover, a:active { color: #333; text-decoration: underline; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* page
------------------------------------------------------------------------------*/
body {
	background: #fff;
	color: #333;
	font-size: 12px;
	font-family:  verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic",  Sans-Serif;
	line-height: 1.6;
	margin: 0;
	padding: 0;
}

/* IE6 base font */
* html body {
	font-family: verdana, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

h1 {
    background: none repeat scroll 0 0 #CCCCCC;
    font-size: 109%;
    margin-bottom: 15px;
    padding: 12px;
}

h2 {
    background: url("/user_data/packages/store/img/common/bg_headinglv2.gif") repeat-x scroll 0 100% transparent;
    color: #333333;
    font-size: 117%;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

div#header {
	background:#233485;
	padding:5px;
	height:25px;
}

p#logo {
	float:left;
}

p.closeBtn {
	float:right;
	margin-top:5px;
}

div#footer {
	background:#233485;
	padding:5px;
	height:25px;
}

#copyright {
	color:#fff;
	font-size:90%;
	float:left;
	line-height:25px;
}


/* contents
------------------------------------------------------------------------------*/
.sectionBox {
	padding:12px;
	background:#fff;
	margin-bottom:15px;
}


/* table
------------------------------------------------------------------------------*/
table {
	font-family:  verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic",  Sans-Serif;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    margin: 0 auto 10px;
}

table thead th,
table tbody th {
    background-color: #EEEEEE;
    border: 1px solid #DDDDDD;
    font-weight: normal;
    padding: 5px 7px;
    text-align: left;
    vertical-align: top;
}
th, td {
    font-size: 12px;
    line-height: 1.6;
}

table tbody td {
    border: 1px solid #DDDDDD;
    padding: 5px 7px;
    vertical-align: middle;
}

table.complicate_data_table {
    width: 100%;
}

table.complicate_data_table thead th {
    margin: 0;
    padding: 3px 0;
}

table.complicate_data_table tbody td {
    margin: 0;
    padding: 0;
}


table.ACenter thead th,
table.ACenter tbody th,
table.ACenter tbody td {
    text-align: center;
}

table { 	font-family:  verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic",  Sans-Serif; }
table tbody th.ItemName img ,
table tbody td.ItemName img { margin-top: 10px; border: solid 1px #ccc; }
table tbody td div.FollowLink ul li { margin: 0; white-space: normal; }
table.complicate_data_table { width:100%; }
table.complicate_data_table thead th { margin:0; padding:3px 0;width:5%; }
table.complicate_data_table tbody td { margin:0; padding:0; }
/* link
------------------------------------------------------------------------------*/
div.FollowLink {
	margin-bottom: 18px;
}

div.FollowLink ul {
	float: right;
	margin: 0;
}

div.FollowLink ul li {
	white-space: nowrap;
	padding-left: 11px;
	margin-left: 8px;
	float: left;
	background: url(/user_data/packages/store/img/common/marker_followlink.gif) no-repeat 0 0.4em;
}
div.FollowLink ul li a {
	color: #565656;
}

#link_aoyama_card ul li { background-image: none; }

ul.InnerLink { margin:-3px 0 20px; padding:0 5px 5px; border-bottom: 1px solid #E5E5E5; }
ul.InnerLink li { margin:5px 11px 0 0; white-space:nowrap;  float: left; padding-left: 10px; background: url(/user_data/packages/store/img/common/marker_innerlink.gif) no-repeat 0 0.7em; }


/* layout
------------------------------------------------------------------------------*/
ul.PageTopNav { float: none; width: 580px; }

div.ColumnSet div.Half ,
div.ColumnSet div.OneThird ,
div.ColumnSet div.TwoThirds ,
div.ColumnSet div.Quarter ,
div.ColumnSet div.ThreeQuarters { margin-right: 12px; }
div.ColumnSet div.Half { width: 284px;}
div.ColumnSet div.OneThird { width: 185px;}
div.ColumnSet div.TwoThirds { width: 382px;}
div.ColumnSet div.Quarter { width: 136px;}
div.ColumnSet div.ThreeQuarters { width: 432px;}
div.ColumnSet div.Last { margin-right: -2px; }

.sec_bottom_btn_more { width: 206px; margin-left: 470px; }
.sec_bottom_btn_more a img { vertical-align: bottom; }
.SequenceNav ul.Button li input { vertical-align: bottom; }


/* ============================== css hack */
/* floating box clear */
div.FollowLink:after,
div.FollowLink ul:after,
ul.InnerLink:after,
div.pagination:after,
div.SequenceNav:after,
div.SequenceNav ul:after,
div.SequenceNav2:after,
div.SequenceNav3:after,
div.SequenceNav4:after,
div#ContentsArea ul.PageTopNav:after,
div.ColumnSet:after,
div#ContentsArea_inner:after,
div#NavigationArea_inner:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

div.FollowLink,
div.FollowLink ul,
ul.InnerLink,
div.pagination,
div.SequenceNav,
div.SequenceNav ul,
div.SequenceNav2,
div.SequenceNav3,
div.SequenceNav4,
div#ContentsArea ul.PageTopNav,
div.ColumnSet,
div#ContentsArea_inner,
div#NavigationArea_inner { display: inline-table; min-height: 1%; }

/* Hide from mac IE5 \*/
* html div.FollowLink,
* html div.FollowLink ul,
* html ul.InnerLink,
* html div.pagination,
* html div.SequenceNav,
* html div.SequenceNav ul,
* html div.SequenceNav2,
* html div.SequenceNav3,
* html div.SequenceNav4,
* html div#ContentsArea ul.PageTopNav,
* html div.ColumnSet,
* html div#ContentsArea_inner,
* html div#NavigationArea_inner { height: 1%; }

div.FollowLink,
div.FollowLink ul,
ul.InnerLink,
div.pagination,
div.SequenceNav,
div.SequenceNav ul,
div.SequenceNav2,
div.SequenceNav3,
div.SequenceNav4,
div#ContentsArea ul.PageTopNav,
div.ColumnSet,
div#ContentsArea_inner,
div#NavigationArea_inner { display: block; }
/* End Hide from mac IE5 */




/* 20150623_サイズスペックページへのイラスト設置用 */
#size_spec_img_001{
width:590px;
margin: 0 auto;
}
#size_spec_img_001 img{
width:590px;
height: auto;
}