@charset "UTF-8";

/* ============================================================
	Default style Catalog >> Since 2011.12.28
============================================================ */

*{zoom:1;}

html {overflow-y:scroll;}

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}

body {line-height:1;background:transparent;color:#000;width:100%;height:100%;font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

blockquote, q {quotes:none;}

blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}

ins {background-color:#ff9;color:#000;text-decoration:none;}

mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}

input, select {vertical-align:middle;}

select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* ============================================================
	Custom yourself style Catalog >> Since 2011.12.28
============================================================ */

body {width:100%;height:auto;margin:0 auto;line-height:2;font-size:13px;color:#3c3c3c;background:#ececec;padding-top:160px;}

table {border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}

a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
a:link {color:#8a8a8a;}
a:visited,a:hover,a:active {color:#9c3;}

img {border:0px;vertical-align:top;font-size:1%;line-height:0;}
img.hov:hover {opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";background: #fff;}

nav ul {list-style:none;}

hr {display:block;height:1px;margin:0;padding:0;}


/* ------------------------------------------------------------
	margin >> mt mr mb ml
------------------------------------------------------------ */

.mt00{ margin-top: 0px !important; }.mt05 { margin-top: 5px !important; }.mt10 { margin-top: 10px !important; }.mt15 { margin-top: 15px !important; }.mt20 { margin-top: 20px !important; }.mt25 { margin-top: 25px !important; }.mt30 { margin-top: 30px !important; }.mt35 { margin-top: 35px !important; }.mt40 { margin-top: 40px !important; }.mt45 { margin-top: 45px !important; }.mt50 { margin-top: 50px !important; }.mr00{ margin-right: 0px !important; }.mr05 { margin-right: 5px !important; }.mr10 { margin-right: 10px !important; }.mr15 { margin-right: 15px !important; }.mr20 { margin-right: 20px !important; }.mr25 { margin-right: 25px !important; }.mr30 { margin-right: 30px !important; }.mr35 { margin-right: 35px !important; }.mr40 { margin-right: 40px !important; }.mr45 { margin-right: 45px !important; }.mr50 { margin-right: 50px !important; }.mb00{ margin-bottom: 0px !important; }.mb05 { margin-bottom: 5px !important; }.mb10 { margin-bottom: 10px !important; }.mb15 { margin-bottom: 15px !important; }.mb20 { margin-bottom: 20px !important; }.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }.mb35 { margin-bottom: 35px !important; }.mb40 { margin-bottom: 40px !important; }.mb45 { margin-bottom: 45px !important; }.mb50 { margin-bottom: 50px !important; }.ml00{ margin-left: 0px !important; }.ml05 { margin-left: 5px !important; }.ml10 { margin-left: 10px !important; }.ml15 { margin-left: 15px !important; }.ml20 { margin-left: 20px !important; }.ml25 { margin-left: 25px !important; }.ml30 { margin-left: 30px !important; }.ml35 { margin-left: 35px !important; }.ml40 { margin-left: 40px !important; }.ml45 { margin-left: 45px !important; }.ml50 { margin-left: 50px !important; }


/* ------------------------------------------------------------
	padding >> pT pR pB pL
------------------------------------------------------------ */

.pt00{ padding-top: 0px !important; }.pt05 { padding-top: 5px !important; }.pt10 { padding-top: 10px !important; }.pt15 { padding-top: 15px !important; }.pt20 { padding-top: 20px !important; }.pt25 { padding-top: 25px !important; }.pt30 { padding-top: 30px !important; }.pt35 { padding-top: 35px !important; }.pt40 { padding-top: 40px !important; }.pt45 { padding-top: 45px !important; }.pt50 { padding-top: 50px !important; }.pr00{ padding-right: 0px !important; }.pr05 { padding-right: 5px !important; }.pr10 { padding-right: 10px !important; }.pr15 { padding-right: 15px !important; }.pr20 { padding-right: 20px !important; }.pr25 { padding-right: 25px !important; }.pr30 { padding-right: 30px !important; }.pr35 { padding-right: 35px !important; }.pr40 { padding-right: 40px !important; }.pr45 { padding-right: 45px !important; }.pr50 { padding-right: 50px !important; }.pb00{ padding-bottom: 0px !important; }.pb05 { padding-bottom: 5px !important; }.pb10 { padding-bottom: 10px !important; }.pb15 { padding-bottom: 15px !important; }.pb20 { padding-bottom: 20px !important; }.pb25 { padding-bottom: 25px !important; }.pb30 { padding-bottom: 30px !important; }.pb35 { padding-bottom: 35px !important; }.pb40 { padding-bottom: 40px !important; }.pb45 { padding-bottom: 45px !important; }.pb50 { padding-bottom: 50px !important; }.pl00{ padding-left: 0px !important; }.pl05 { padding-left: 5px !important; }.pl10 { padding-left: 10px !important; }.pl15 { padding-left: 15px !important; }.pl20 { padding-left: 20px !important; }.pl25 { padding-left: 25px !important; }.pl30 { padding-left: 30px !important; }.pl35 { padding-left: 35px !important; }.pl40 { padding-left: 40px !important; }.pl45 { padding-left: 45px !important; }.pl50 { padding-left: 50px !important; }


/* ------------------------------------------------------------
	.floL .floR .imgL .imgR >> 回り込み設定
------------------------------------------------------------ */

.floR{ float: right;}.floL{ float: left;}.imgR {float: right;margin: 0 0 10px 10px;}.imgL {float: left;margin: 0 10px 10px 0;}


/* ------------------------------------------------------------
	.clear .clearfix >> 回り込み解除
------------------------------------------------------------ */

.clear {both;}.clearfix {zoom:1;overflow:hidden;}.clearfix:after {content:".";display:block;height:0px;clear:both;visibility:hidden;overflow:hidden;font-size:0.1em;line-height:0;}


/* ------------------------------------------------------------
	.hide >> 画像置換
------------------------------------------------------------ */

.hide { text-indent:-9999em;overflow:hidden;}


/* ============================================================
	Common Page style Catalog
============================================================ */

/* ------------------------------------------------------------
	#contents - コンテンツ
------------------------------------------------------------ */

#wrapper {width:100%;height:auto;background:#fff;}

#contents {width:1024px;height:540px;margin:0 auto;position:relative;background:#fff;overflow:hidden;}
#contents #item01 {width:141px;height:230px;background:url(../images/item01.png) no-repeat center top;position:absolute;bottom:-11px;}
#contents h1 {width:463px;height:200px;display:block;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(../images/top-logo.gif) no-repeat center top;margin:0 auto;}
#contents h2 {width:359px;height:31px;display:block;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(../images/top-txt.gif) no-repeat center top;margin:50px auto 0;}
#contents .inBox {width:1024px;height:540px;margin:150px auto 0;text-align:center;}
#contents .inBox .mail {width:120px;height:15px;display:block;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(../images/icon-mail.gif) no-repeat 0 0;margin:0 auto;}
#contents .inBox .mail:hover {width:120px;height:15px;display:block;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(../images/icon-mail.gif) no-repeat 0 -15px;margin:0 auto;}

#btm {width:100%;height:20px;background:#f25a5d;margin:0;padding:0;}


/* ------------------------------------------------------------
	footer - フッター
------------------------------------------------------------ */

#footer {width:100%;height:100%;margin:0 auto;background:#ececec;}
#footer small {display:block;text-align:center;font-size:11px;color:#3c3c3c;padding-top:20px;}


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