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

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* ElEMENTS */
body {
 font: 12px "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'メイリオ' , Meiryo ,"ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
 background: url("http://www.cubicface.com/img_common/back.gif") repeat-x; 
 margin: 0;
 padding: 0
 text-align: center;
 color: #333;
 line-height: 1.6em;
}
a:link {
 color: #0080b1;
 text-decoration: none;
 }
a:visited {
 color: #006a8f;
 text-decoration: none;
 }
a:active { 
 color: black;
 text-decoration: none;
 }
a:hover {
 color: #0080b1;
 text-decoration: underline;
 }
img {
 behavior:url(/component/lib/iepngfix.htc); 
}
img.left {
 float: left;
 margin: 2px 20px 16px 0; 
} 
img.right {
 float: right;
 margin: 2px 0 16px 20px; 
}

/* CONTAINER */
.pages #container {
 width:930px;
 position:relative;
 margin:0px auto;
}
.pages #header {
 background-image: url("http://www.cubicface.com/img_common/header.jpg"); 
 background-repeat: no-repeat; 
 height: 65px;
 padding: 0 15px;
 text-align: left;
}
.pages #title {
 background-image: url("http://www.cubicface.com/img_common/title.jpg"); 
 background-repeat: no-repeat; 
 height: 100px;
 padding: 0 15px;
 text-align: left;
}
.pages #menu {
 background-image: url("http://www.cubicface.com/img/menu.jpg"); 
 background-repeat: no-repeat; 
 height: 41px;
 padding: 0 15px;
 text-align: left;
}
.pages #content {
 background-image: url("http://www.cubicface.com/img_common/main.gif"); 
 background-repeat: repeat-y; 
 padding: 0 15px;
 text-align: left;
}
.pages #footer {
 background-image: url("http://www.cubicface.com/img_common/footer.jpg"); 
 background-repeat: no-repeat;
 height: 70px;
 padding: 43px 49px 0 49px;
 text-align: left;
}
div#Content {
 width: 564px;
 height: auto;
 margin-left: 260px;
 padding: 30px 36px 0 40px;
 text-align: left;
}
div#Content_i {
 width: 604px;
 height: auto;
 margin-left: 260px;
 padding: 30px 36px 0 0;
 text-align: left;
}
div#sub {
 background-image: url("http://www.cubicface.com/img_common/back_s.gif"); 
 background-repeat: no-repeat; 
 position: absolute;
 top: 165px;
 width: 242px;
 height: 180px;
 padding: 30px 0 0 18px;
 text-align: left;
}
div#sub2 {
 background-image: url("http://www.cubicface.com/img_common/back_s2.gif"); 
 background-repeat: no-repeat; 
 position: absolute;
 top: 165px;
 width: 242px;
 height: 200px;
 padding: 30px 0 0 18px;
 text-align: left;
}
div#sub3 {
 background-image: url("http://www.cubicface.com/img_common/back_s3.gif"); 
 background-repeat: no-repeat; 
 position: absolute;
 top: 165px;
 width: 242px;
 height: 200px;
 padding: 30px 0 0 18px;
 text-align: left;
}

/* TABLE */
table {
 background-color: #a2a289;
}
	
/* TEXT */
strong, b {
 font-weight:bold; 
}
em, i {
 font-style:italic; 
}
.gray {
 color:#999;
}
.mini {
 font-size:10px;
 line-height: 16px;
 margin-bottom: 15px;
 padding: 0 0 15px 15px;
 border-bottom: 1px dotted #999;
}
.mini2 {
 font-size:10px;
 line-height: 16px;
 padding: 0 0 0 15px;
}
.cpt {
 font-weight:bold;
 color:#FFFFFF;
 display: block;
 padding: 10px;
 }
.cpt2 {
 font-size:10px;
 line-height: 16px;
 display: block;
 padding: 10px;
 }
.mt1 {
 background: url("http://www.cubicface.com/img_common/trg1.gif") ;
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: left top;
 margin-bottom: 7px;
 font-weight:bold; 
 display: block;
 padding-left: 15px;
 color:#a2a289;
}
.mt2 {
 background: url("http://www.cubicface.com/img_common/trg2.gif") ;
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: left top;
 margin-bottom: 7px;
 font-weight:bold; 
 display: block;
 padding-left: 15px;
 color:#a2a289;
}
.mt3 {
 background: url("http://www.cubicface.com/img_common/ccl.gif") ;
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: left top;
 margin-bottom: 7px;
 font-weight:bold; 
 display: block;
 padding-left: 15px;
 color:#a2a289;
}

/* IMAGE */
img.ttl {
 margin:5px 0 0 35px;
}
img.ttl2 {
 margin:60px 0 0 35px;
}
img.ttl_s {
 margin-left:17px;
}
img.mne {
 margin: 40px 0 0 326px;
}
img.mnj {
 margin: 40px 0 0 79px;
}
img.mnj2 {
 margin-top: 40px;
}
img.vsl {
 margin: 0 0 15px 15px;
}
img.btn {
 margin: 10px 0 0 415px;
}
img.btn_bck {
 margin: 10px 0 0 376px;
}
img.i_btn {
 margin: 1px 0 0 1px;
}
img.i_btn2 {
 margin: 1px 0 15px 1px;
}
img.btn_ill {
 margin: 15px 0 0 142px;
}
img.btn_ill2 {
 margin: 15px 0 0 0;
}
img.dwl {
 margin: 5px 0 10px 0;
}
img.dwl2 {
 margin: 5px 0 0 0;
}
img.dwl3 {
 margin-left: 5px;
}
img.bck_top {
 margin-left: 454px;
}
img.bck_top2 {
 margin-left: 481px;
}
img.nmb {
 float: right;
 margin: 5px 10px; 
}
img.cpr {
 margin: 0 8px 6px 0;
}
img.thm {
 float: right;
 margin: 7px 2px 0 0;
}