@charset "utf-8";

@import url(format_settings.css);
@import url(space_settings.css);
@import url(width_settings.css);


/* Base
--------------------------------------------- */
* { margin:0; padding:0; border:0; }

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
word-wrap: break-word;
font-family:"qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif;
}

ol, ul, li { list-style:none }

html,body {
width:100%;
height: 100%;
margin: 0;
color:#454545;
}

body {
background:url(../images/bg_body.png) repeat;
font-size:14px;
}

a img {
border: none;
}

/* Link*/
a:link {
color:#0152f2;
text-decoration:underline;
}
a:visited {
color:#93a8ce;
}
a:hover {
color:#2db7ff;
text-decoration:none;
}
a:focus {
color:#2db7ff;
text-decoration:none;
}
a:active {
color:#2db7ff;
text-decoration:none;
}
a:hover img.rollover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


/* Header
--------------------------------------------- */
div#header {
width:100%;
height:70px;
margin:0 auto;
text-align:left;
background:url(../images/bg_header.png) repeat-x;
}
div#header-inner {
width:960px;
height:70px;
margin:0 auto;
}
div#header-inner:after {
content:".";
display:block;
height:0;
clear: left;
visibility:hidden;
}

/* CI
------------------------- */
div#header #cilogo {
float:left;
width:131px;
height:43px;
margin-top:14px;
}
div#header p {
padding:0;
margin:0;
}

/* Contents
--------------------------------------------- */
div#contents {
width:960px;
margin:15px auto 30px;
}
div#contents:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div#contents p {
padding:0;
margin:0;
}
div#contents h2.title {
margin:25px 0 0;
}

div#contents_l {
width:475px;
float:left;
}
div#contents_r {
width:475px;
float:right;
}

/* Products
--------------------------------------------- */
div.products {
width:475px;
background:url(../images/bg_box01.png) no-repeat center top;
padding-top:10px;
margin:10px 0;
}
div.products-inner {
width:435px;
background:url(../images/bg_box02.png) no-repeat center bottom;
padding:10px 20px 20px;
}
div.products-inner:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div.products-list {
width:435px;
background:none;
}
div.products-list h3 {
background: #ececec;
padding:10px 12px;
margin-bottom:15px;
font-size:16px;
}
div.products-list ul {
width:435px;
margin:0;
list-style:none;
}
div.products-list ul li {
width:435px;
display:block;
padding:0;
clear:both;
}
div.products-list ul li div.products_img {
display:block;
width:177px;
float:left;
margin-right:15px;
}
div.products-list ul li div.products_img img {
display:block;
width:175px;
}
div.products-list ul li div.products_txt {
display:block;
width:243px;
float:right;
line-height:150%;
}
div.products-list ul li div.products_txt a {
font-size:14px;
font-weight:bold;
}

/* Global Footer
--------------------------------------------- */
div#footer {
height:12px;
background:#ececec;
border-top:#FFF 3px solid;
padding:18px 0;
margin:0 auto;
clear:both;
line-height:100%;
}
div#footer-inner:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div#footer-inner {
width:960px;
margin:0 auto;
text-align:left;
clear:both;
}

/* Attention */
div#attention {
height:10px;
display:block;
float:left;
margin:0;
padding:0;
font-size:10px;
}

/* Copyright */
div#copyright {
height:12px;
display:block;
float:right;
margin:0;
padding:0;
font-size:12px;
}