@charset "utf-8";

* { margin: 0; padding: 0;}

body { margin: 0 auto; padding: 0; background-color: #222; color: #ccc; font-size: 105%; font-family: 'Meiryo UI', 'Osaka', sans-serif; text-align: center; line-height: 1.8em;}

#content { margin: 0 auto; padding: 0;}
#content2 { width:100%; margin: 0 auto; padding: 0; /* background-image: url(/warehouse/i/WHBG002s_Dark2.png); */}
#container { max-width: 740px; margin: 0 auto; padding: 15px 0; background-color: #333; border-left:1px solid #bbb; border-right:1px solid #bbb;}/*background-color: #dadada;*/
.intro { font-size:80%; color: #777; line-height: 1em;}

/* 見出し */
h1 { padding: 5px; line-height: 1em; letter-spacing:1px; color: #ddd;}
h2 { font-size: 1.3rem;}
h3 { font-weight: bold; font-size: 1.2rem;}
h4 { font-weight: normal; color: #ddd;}

/* リンク */
a:link,a:visited { color: #0099ff; text-decoration: none;}
a:hover,a:active { color: #ff66ce; text-decoration: underline;}

/* 文字 */
.usuji { color: #555; font-size: 85%;}
.koku { color: #ff66cc; font-weight: bold; padding: 5px;}
.futoji { font-weight: bold;}
.futoji01 { font-weight: bold; color: #ccc;}
.tiisame,
.fontsize85 { font-size: 85%;}
.fontsize80 { font-size: 80%;}

/* 文字色 */
.black { color: #000;}
.tomato { color: #ff6347;}
.coral { color: #ff7f50}
.pink { color: #ff66cc;}
.deeppink { color:deeppink; }
.orange { color: #ffa500;}
.red { color: #ff0000;}
.color777 { color:#777;}
.color888 { color:#888;}
.color999 { color:#999;}
.colorAAA { color:#aaa;}

/* 背景画像 */
.image01 { margin: 0; padding: 0; /* background-image: url(/warehouse/i/OR271t03_comp_Dark2.png); background-repeat: repeat; background-position:50% 40%; */ border-bottom: 1px solid #bbb;}
.image02 { margin: 0; padding: 0; background-image: url(/warehouse/i/OR271t04_comp_Dark2.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 70%;}

/* 背景色 */
.white { background-color: #ffffff;}
.ivory { background-color: #fffff0;}
.mintcream { background-color: #f5fffa;}
.ghostwhite { background-color: #f8f8ff;}
.whitesmoke { background-color: #f5f5f5;}
.snow { background-color: #fffafa;}
.cornsilk { background-color: #fff8dc;}
.pinkwhite { background-color: #fef9fb;}
.flamingopink { background-color: #f5b2ac;}
.flesh { background-color: #fad09e;}
.jaunebrillant { background-color: #ffdc00;}
.babyblue { background-color: #bbe2f1;}
.haiiro { background-color: #f5f5f5;}
.e5e5e5 { background-color: #e5e5e5;}/* 15% */
.dcdcdc { background-color: #dcdcdc;}/* 20% */
.d2d2d2 { background-color: #d2d2d2;}/* 25% */
.c9c9c9 { background-color: #c9c9c9;}/* 30% */
.bfbfbf { background-color: #bfbfbf;}/* 35% */
.b5b5b5 { background-color: #b5b5b5;}/* 40% */
.aaaaaa { background-color: #aaaaaa;}/* 45% */
.a0a0a0 { background-color: #a0a0a0;}/* 50% */
.c959595 { background-color: #959595;}/* 55% */
.c898989 { background-color: #898989;}/* 60% */
.c7d7d7d { background-color: #7d7d7d;}/* 65% */
.c707070 { background-color: #707070;}/* 70% */
.c626262 { background-color: #626262;}/* 75% */
.c535353 { background-color: #535353;}/* 80% */
.c434343 { background-color: #434343;}/* 85% */
.c313131 { background-color: #313131;}/* 90% */
.BGblack { background-color: #000;}/* 100% */

/* テーブル */
table { margin: 0 auto; font-size: 100%;}
table.simpleT01 td,th { padding: 5px 10px; border: none;}
table.line { border: 0; border-spacing: 10px 0; border-collapse: separate;}
table.line td { padding: 0 10px; border: 1px solid #999999; text-align: center;}
table.ad { border: none;}
table.ad td { margin: 0 auto; padding: 5px 0; border: none; text-align: center;}
table.tlist01 li { width:200px; font-size: 95%; text-align: left;}
table.tlist02 li { width:230px; font-size: 95%; text-align: left; margin-left: 2rem;}

/* 罫線 */
hr { margin: 1em auto; width: 100%; height: 1px; border: none; border-bottom: dashed 1px #999999; background-color: transparent; color: #ffffff; text-align: center;}

/* リスト */
li { margin-left: 1.5em; padding-left: 0.5em;}
li.new01 { list-style-image: url("/warehouse/i/NEW01.gif")}
li.new02 { list-style-image: url("/warehouse/i/NEW02.gif")}
li.new03 { list-style-image: url("/warehouse/i/NEW03.gif")}
li.new04 { list-style-image: url("/warehouse/i/NEW04.gif")}
li.new05 { list-style-image: url("/warehouse/i/NEW05.gif")}
li.clear01 { list-style-image: url("/warehouse/i/clear01.gif")}

.clearstyle li { list-style-image: url("/warehouse/i/clear01.gif")}
.lsnone li { list-style-type: none;}
.disc li { list-style-type: disc;}
.circle li { list-style-type: circle;}
.square li { list-style-type: square;}
.decimal li { list-style-type: decimal;}
.big_en li { list-style-type: upper-latin;}
.small_en li { list-style-type: lower-latin;}
.pad_zero li { list-style-type: decimal-leading-zero;}

.yokonarabi ul { text-align: center; font-size: 0; margin: 0; padding: 0;}
.yokonarabi li { display: inline-block; font-size: 12px; list-style: none; margin: 10px 0 0 0; padding: 0;}

/* 画像 */
img, a img { border: none;}
img.imgwaku7 { border:7px solid #ccc; }

/* 枠 */
.wakudash { margin: 1em; padding: 1em; border: 1px dashed #999999;}
.wakudott { margin: 1em; padding: 1em; border: 1px dotted #999999;}
.wakusolid { margin: 1em; padding: 1em; border: 1px solid #999999;}
.sirowaku { padding: 0 1em;}
.wakudash7 {margin: 1em 0;padding: 1em;border: 3px dashed #bbb;}
.wakudash4 {margin: 1em 0;border: 3px dashed #bbb;}
.wakudott4 {margin: 1em 0;border: 3px dotted #bbb;}
.wakudott9 {padding: 1em;border: 6px dotted #bbb;}

.wakudott0 {border:1px dotted #ccc;}
.wakudash0 {border:1px dashed #ccc;}
.wakusolid0 {border:1px solid #ccc;}

.wakudott2 {margin: 1em 0;padding: 0 1em;border: 1px dotted #ccc;}
.wakudash2 {margin: 1em 0;padding: 0 1em;border: 1px dashed #ccc;}
.wakusolid2 {margin: 1em 0;padding: 0 1em;border: 1px solid #ccc;}
.wakudott3 {margin: 1em 0;border: 1px dotted #ccc;}
.wakudash3 {margin: 1em 0;border: 1px dashed #ccc;}
.wakusolid3 {margin: 1em 0;border: 1px solid #ccc;}
.wakusolid4 {margin: 1em 0;border: 3px solid #ddd;}
.wakudott5 {margin: 1em;padding: 1em;border: 1px dotted #ccc;}
.wakudash5 {margin: 1em;padding: 1em;border: 1px dashed #ccc;}
.wakusolid5 {margin: 1em;padding: 1em;border: 1px solid #ccc;}
.wakudott6 {margin: 1em 0;padding: 1em;border: 1px dotted #ccc;}
.wakudash6 {margin: 1em 0;padding: 1em;border: 1px dashed #ccc;}
.wakusolid6 {margin: 1em 0;padding: 1em;border: 1px solid #ccc;}
.wakudott7 {margin: 1em 0;padding: 1em;border: 3px dotted #ddd;}
.wakusolid7 {margin: 1em 0;padding: 1em;border: 3px solid #ddd;}
.wakudott8 {margin: 1em 0;padding: 1em;border: 6px dotted #ddd;}
.wakudash8 {margin: 1em 0;padding: 1em;border: 6px dashed #ddd;}
.wakusolid8 {margin: 1em 0;padding: 1em;border: 6px solid #ddd;}
.wakudash9 {padding: 1em;border: 6px dashed #ddd;}
.wakusolid9 {padding: 1em;border: 6px solid #ddd;}
.wakudott10 {padding:1em; border:1px dotted #ccc;}
.wakudash10 {padding:1em; border:1px dashed #ccc;}
.wakusolid10 {padding:1em; border:1px solid #ccc;}

.wakudashusuku {margin: 5px auto;padding: 1em;border: 1px dashed #ccc;color: #8e8e8e;font-size: 90%;line-height: 1.6em;}

/* box */
.listbox_01 { width:300px; margin:0 auto; padding:1em; text-align:left; font-size:85%; list-style-type:circle; }

.guidebox_00 { width:500px; border:3px dashed #aaa; padding:1em; margin:2em auto; background-color: #222; }

.guidebox_01 { width:500px; border:1px solid #999; padding:1em; margin:1em auto; }
.guidebox_01 ul { text-align:left; }
.guidebox_01 li { padding:0.2em; line-height:1.8em; }

.descriptbox_01 { width:500px; margin:1em auto; padding:1em; border:1px dashed #999; background-color:#222; line-height:1.6em; font-size:95%; }
.descriptbox_01 ul { text-align:left; color:#bbb; }
.descriptbox_01 li { padding:0.5em; line-height:1.7em; }
.descriptbox_01 td { text-align: left; vertical-align: top; padding: 10px 2px;}

/* 幅 */
.haba150 td { width:150px; padding: 5px;}
.haba200px { width:200px; margin: 0 auto; padding: 1em;}
.haba200 td { width:200px; padding: 5px;}
.haba250px { width:250px; margin: 0 auto; padding: 1em;}
.haba250 td { width:250px; padding: 5px 10px;}
.haba300px { width:300px; margin: 0 auto; padding: 1em;}
.haba400px { width:400px; margin: 0 auto; padding: 1em;}
.haba500px { width:500px; margin: 0 auto; padding: 1em;}
.haba600px { width:600px; margin: 0 auto; padding: 1em;}

/* 寄せ */
.mannaka { margin: 0 auto; text-align: center;}
.nakayose { margin: 0 auto;}
.migi { text-align: right;}
.hidari { text-align: left;}
.jisage p,.indent p { text-indent: 1em;}

.ml1em { margin-left: 1em;}
.floatright { float: right;}
.floatcenter { float: center;}

/* 行高さ */
.lih1em { line-height: 1em;}
.lih2em { line-height: 2em;}
.lilih5px li { padding: 5px 0;}

/* SNS Button */
.sns_button00 { margin: 0 auto; padding: 0 0 10px;}
.sns_button00 td { vertical-align: bottom; padding: 0px 10px;}
.sns_button01 { float: right; padding: 12px 10px 0 0; text-align: center;}
.sns_button01 td { vertical-align: top;}
.sns_button02 { margin: 0 0 0 20px; padding: 10px 0 20px 20px; text-align: center;}
.sns_button02 td { height: 63px; vertical-align: top;}
.sns_button03 { margin: 10px 0 30px 80px; padding: 0;}
.sns_button03 td { vertical-align: top;}
.sns_button04 { margin: 0 auto; padding: 0 0 10px;}
.sns_button04 td { vertical-align: top; padding: 0px 10px;}

.ml20px { margin-left: 20px;}
.ml2em { margin-left: 2em;}
.ml3em { margin-left: 3em;}
.pl20px { padding-left: 20px;}
.pl2em { padding-left: 2em;}
.pl3em { padding-left: 3em;}

/* トップメニュー */
#topmenu table { margin: 10px auto;padding: 0; border-spacing: 7px 0; border-collapse: separate;}
#bottommenu table { margin: 10px auto; border-spacing: 7px 0; border-collapse: separate;}
#topmenu th,
#topmenu td,
#bottommenu th,
#bottommenu td { width: 70px; padding: 2px 0; border: none; background: #333; text-align: center; font-size: 80%;}
#topmenu th a:link,
#topmenu td a:link,
#bottommenu th a:link,
#bottommenu td a:link { display: block; font-weight: normal; color: #999999;}
#topmenu th a:hover,
#topmenu td a:hover,
#bottommenu th a:hover,
#bottommenu td a:hover { text-decoration: none; color: #ff66cc;}

#topmenu01 table,
#bottommenu01 table { border-collapse: collapse; border: 1px 0 solid #999999;}
#topmenu01 th,
#topmenu01 td,
#bottommenu01 th,
#bottommenu01 td { width: 70px; padding: 2px 0; border: 1px solid #999999; background: #333; text-align: center; font-size: 80%;}
#topmenu01 th a:link,
#topmenu01 td a:link,
#bottommenu01 th a:link,
#bottommenu01 td a:link { display: block; font-weight: normal; color: #999999;}
#topmenu01 th a:hover,
#topmenu01 td a:hover,
#bottommenu01 th a:hover,
#bottommenu01 td a:hover { text-decoration: none; color: #ff66cc;}

/* その他 */
code { font-family: monospace; line-height: 1.2em;}
.footlink { padding: 2px 10px; border: 1px solid #999999; background-color: #f0f8ff; vertical-align: bottom; text-align: center;}

/* フッター */
#footer { margin: 0 auto; padding: 0; border-top: 1px dashed #999; text-align: center;}
#copyright { clear: both; margin: 0 auto; padding: 10px 0 0; text-align: center; font-size: small;}