@charset "utf-8";

/* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) Richard Clark (http://richclarkdesign.com) http://cssreset.com */
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;line-height:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle;*font-size:100%}h1,h2,h3,h4,h5{font-weight: normal;}

/*-----		body
--------------------------------------------------------------------------------------------------------------*/
body {
color: #000;
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 0.75em;
line-height: 1.75;
-webkit-text-size-adjust: 100%;
}

a {color:#000;text-decoration:none;outline:none;}
a:hover {text-decoration:underline;}

/*-----		content
--------------------------------------------------------------------------------------------------------------*/
#wrap {
width: 100%;
overflow-x: hidden;
}

#contents {
margin-bottom: 115px;
}

#main {
width: 1040px;
margin: 0 auto;
}

/*----- header	------------------------------------------------------------------------------------------*/
#header {
width: 100%;
height: 155px;
}

#header div {
width: 1040px;
height: 155px;
margin: 0 auto;
position: relative;
}

#header h1 {
width: 842px;
height: 35px;
line-height: 35px;
padding-right: 44px;
text-align: right;
position: absolute;
top: 0;
right: 154px;
font-size: 0.917em;
}

#pdf {
width: 154px;
background: #000 url('../../img/bg_pdf.png') no-repeat 7px 50%;
text-align: center;
position: absolute;
top: 0;
right: 0;
}

#pdf a {
display: block;
height: 35px;
line-height: 35px;
color: #fff;
font-size: 0.833em;
}

#logo {
width: 270px;
height: 120px;
position: absolute;
left: 0;
top: 35px;
}

#main_nav {
width: 770px;
height: 120px;
position: absolute;
left: 270px;
top: 35px;
}

#main_nav ul li {
width: 154px;
height: 120px;
line-height: 120px;
float: left;
text-align: center;
background: url('../../img/bg_nav.png') no-repeat 100% 0;
font-size: 1.25em;
}

#main_nav ul li:last-child {
background: none;
}

#main_nav ul li a {
display: block;
height: 120px;
}

#main_nav ul li span {
padding: 0 10px 15px;
cursor: pointer;
}

#main_nav ul li.current span,
#main_nav ul li a:hover span {
border-bottom: 4px solid #f33;
}

#main_nav ul li a:hover {
text-decoration: none;
}

/*----- footer	------------------------------------------------------------------------------------------*/
#footer {
clear: both;
width: 100%;
padding: 38px 0 15px;
background: #f33;
font-size: 0.833em;
}

#footer,
#footer a {
color: #fff;
}

address,
#copy {
width: 1040px;
margin: 0 auto;
text-align: center;
}

address {
display: block;
font-style: normal;
}

#page_top {
width: 112px;
height: 112px;
position: fixed;
z-index: 98;
line-height: 1;
bottom: 10px;
left: 50%;
margin-left: -56px;
}


/*----- title	------------------------------------------------------------------------------------------*/
#main_h1 {
	width: 1040px;
	height: 29px;
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 45px;
	border-bottom: 1px solid #f33;
}

#main_h1 img {
display: block;
width: 498px;
height: 59px;
margin-left: 270px;
}

#main_h2 {
width: 498px;
margin: 0 auto 0 270px;
text-align: center;
font-size: 3.333em;
font-family: "MS 明朝","MS Mincho",serif;
}

/*----- top	------------------------------------------------------------------------------------------*/
#top_img {
width: 1040px;
height: 410px;
line-height: 1;
margin: 0 auto;
position: relative;
}

#logo_img,
#read_box {
position: absolute;
}

#logo_img {
top: 166px;
left: 308px;
line-height: 0;
z-index: 3;
}

#read_box {
width: 180px;
line-height: 1.75;
padding: 45px 40px;
background: #fff;
top: 50%;
left: 484px;
z-index: 2;
font-size: 1.083em;
}

.top {
position: relative;
}

.top #text {
width: 498px;
margin: 35px auto 55px 270px;
text-align: center;
}

.top #link {
width: 498px;
margin-left: 270px;
text-align: center;
}

.top #link a {
display: inline-block;
padding: 15px 55px;
line-height: 1;
background: #f33;
font-size: 1.667em;
color: #fff;
}

#animete_l,
#animete_r {
width: 350px;
height: 340px;
position: absolute;
visibility: hidden;
}

#animete_l {
top: 115px;
left: -80px;
}

#animete_r {
top: 115px;
right: -80px;
}

#news {
width: 1040px;
margin: 50px auto 60px;
}

#news h1 {
width: 100px;
margin-left: 170px;
float: left;
font-family: "MS 明朝","MS Mincho",serif;
font-size: 1.5em;
}

#frame_box {
	width: 610px;
	height: 120px;
	float: left;
	position: relative;
}

#inf_frame_box {
	width: 595px;
	padding: 5px 5px 5px 0;
	height: 130px;
	position: absolute;
	top: 0;
	left: 0;
	overflow-y: scroll;
}

#frame_box ul {
list-style: none;
}

#frame_box ul li {
margin-bottom: 25px;
}

#frame_box ul li:last-child {
	margin-bottom: 0;
	height: auto;
}

#frame_box ul ul li {
width: 435px;
float: left;
margin-bottom: 0;
}

#frame_box ul ul li.date {
width: 105px;
padding-top: 1px;
text-align: center;
font-size: 0.833em;
font-weight: bold;
}

/*----- products	------------------------------------------------------------------------------------------*/
.products {
width: 100%!important;
}

.products h2 {
width: 1040px!important;
margin-left: auto!important;
}

#product_nav {
width: 1040px;
height: 195px;
margin: 55px auto -11px;
}

#product_nav ul li {
width: 340px;
height: 195px;
float: left;
position: relative;
}

#product_nav ul li.current,
#product_nav ul li.active {
background: url('../../img/product/bg_product_list.png') no-repeat 50% 100%;
}

#product_nav ul li a {
display: block;
width: 328px;
height: 138px;
padding: 6px;
color: #fff;
}

#product_nav ul li.current a,
#product_nav ul li.active a {
padding: 0;
border: 6px solid #f33;
color: #fff;
}

#product_nav ul li span {
display: inline-block;
width: 170px;
height: 50px;
line-height: 50px;
background: #000;
position: absolute;
top: 50px;
left: 85px;
margin: 0 auto;
text-align: center;
font-size: 1.333em;
}

#product_nav ul li.current span,
#product_nav ul li.active span {
background: #f33;
}

#product_nav ul li:nth-child(2) {
margin: 0 10px;
}

#product_nav ul li:first-child a {
background: url('../../img/product/bg_product01.jpg') no-repeat 50% 50%;
}

#product_nav ul li:nth-child(2) a {
background: url('../../img/product/bg_product02.jpg') no-repeat 50% 50%;
}

#product_nav ul li:last-child a {
background: url('../../img/product/bg_product03.jpg') no-repeat 50% 50%;
}

#products_box {
padding: 42px 0 57px;
background: #333;
}

#products_inner {
width: 1040px;
margin: 0 auto;
}

#product_2nd_nav {
height: 50px;
letter-spacing: -.40em;
text-align: center;
}

#product_2nd_nav li {
display: inline-block;
margin: 0 15px;
height: 50px;
line-height: 50px;
letter-spacing: normal;
font-size: 1.25em;
}

#product_2nd_nav li a {
display: inline-block;
height: 50px;
line-height: 50px;
padding: 0 20px;
}

#product_2nd_nav li.current a,
#product_2nd_nav li.active a,
#product_2nd_nav li a:hover {
background: #fff;
border-radius: 5px 5px 0 0;
}

#product_2nd_nav li a {
color: #f1ebd3;
text-decoration: underline;
}

#product_2nd_nav li.current a,
#product_2nd_nav li.active a,
#product_2nd_nav li a:hover {
color: #000;
text-decoration: none;
}

.product_3rd_nav {
padding-bottom: 40px;
}

.product_3rd_nav ul {
letter-spacing: -.40em;
text-align: center;
}

.product_3rd_nav ul li {
display: inline-block;
margin: 0 40px;
padding-left: 22px;
line-height: 1;
letter-spacing: normal;
font-size: 2em;
background: url('../../img/product/bg_anchor.png') no-repeat 0 50%;
}

.product_3rd_nav ul li a:hover {
color: #f33;
}

.tab_box {
width: 970px;
margin-top: -1px;
padding: 40px 35px;
background: #fff;
border-radius: 5px;
}

.tab_box h1 {
text-align: center;
padding-bottom: 40px;
}

.tab_box .cfx {
clear: both;
padding: 0 25px;
}

.tab_box .cfx h1 {
width: 950px;
margin: 0 -25px 30px;
padding: 5px 10px;
background: #eee;
border-radius: 5px;
text-align: left;
}

.tab_box .product {
width: 160px;
margin: 0 30px 45px 0;
float: left;
}

.tab_box section .product:nth-of-type(5n) {
margin: 0 0 45px;
}

.tab_box .product p img {
width: 160px;
height: auto;
}

.tab_box .product h1 {
width: 160px;
height: 7em;
margin: 0;
padding: 5px 0 0;
background: transparent;
text-align: center;
}

#img_box {
float: left;
width: 415px;
padding-right: 35px;
line-height: 0;
}

#detail_box {
width: 350px;
padding-top: 25px;
float: left;
}

.detail_ttl,
#detail_box ul,
#detail_box p {
font-size: 0.917em;
}

#detail_box ul {
list-style: none;
}

.detail_ttl {
width: 340px;
color: #f33;
}

.detail_crumb {
padding-bottom: 5px;
}

.detail_crumb li {
font-weight: bold;
float: left;
}

.detail_crumb li:after {
content: '>';
margin: 0 5px;
color: #999;
}

.detail_crumb li:last-child:after {
content: '';
margin: 0;
}

.detail_ttl2 {
padding: 15px 0 0;
border-top: 8px solid #f33;
color: #f33;
font-size: 1.250em;
}

#detail_box p,
.spec {
padding: 20px 0 0;
}

.spec {
letter-spacing: -.40em;
}

.spec li {
display: inline;
letter-spacing: normal;
word-break: break-all;
}

.spec li:after {
content: '／';
}

.spec li.spec_ttl{
font-weight: bold;
}

.spec li.spec_ttl:after {
content: '：';
}

.spec li:last-child.spec_ttl:after,
.spec li:last-child:after {
content: '';
}


/*----- company	------------------------------------------------------------------------------------------*/
.company article {
float: left;
margin-top: 55px;
}

#gaiyo {
width: 270px;
padding-left: 35px;
}

#message {
width: 345px;
padding: 0 88px 0 42px;
}

#enkaku {
width: 225px;
padding: 0 35px 25px 0;
}

.company article p {
margin-bottom: 30px;
}

.company article p.slideDown {
text-align: center;
visibility: hidden;
margin-bottom: 0;
}

#enkaku .slideDown {
text-align: left;
}

.company article h1,
.company article h2 {
font-weight: bold;
}

.company article h1 {
margin-top: 55px;
}

#message h1 {
margin-bottom: 60px;
}

#enkaku h1 {
margin-bottom: 30px;
}

#message h2 {
font-weight: normal;
font-size: 1.5em;
font-style: italic;
font-family: "MS 明朝","MS Mincho",serif;
}

#message h2 span {
display: block;
margin-top: 1.75em;
text-align: right;
}

/*----- link	------------------------------------------------------------------------------------------*/
h3 {
clear: both;
width: 950px;
margin-bottom: 40px;
padding: 5px 10px;
background: #eee;
border-radius: 5px;
text-align: left;
}

#link_box {
width: 970px;
margin: 55px auto -50px;
padding: 0 35px;
}

.link_list {
list-style: none;
margin-bottom: 50px;
}

.link_list li {
width: 520px;
float: left;
}

.link_list li:nth-of-type(2n) {
width: 450px;
}

.link_list li a {
display: inline-block;
background: url('../../img/bg_blank.png') no-repeat 100% 50%;
padding-right: 18px;
}


/*----- contact	------------------------------------------------------------------------------------------*/
#contact {
width: 620px;
margin: 0 auto;
padding-left: 100px;
}

#contact .read {
margin: 55px 0 35px 141px;	
}

#contact table {
width: 100%;
}

#contact th {
width: 135px;
text-align: right;
padding: 4px 10px 0 0;
vertical-align: top;
font-weight: normal;
}

#contact th span,
#contact td span {
color: #f33;
font-size: 0.833em;
}

#contact td span {
margin-left: 5px;	
}

#contact th,
#contact td {
padding-bottom: 20px;	
}

#contact input[type="text"],
#contact textarea {
width: 296px;
padding: 3px;
border: 1px solid #ccc;
color: #000;
background: #fff;
font-size: 1em;
}

#contact input[type="text"] {
height: 18px;
}

#tels {
width: 172px!important;
}

#contact textarea {
height: 194px;
}

#privacy {
margin: 0 0 0 145px;	
}

#btn {
width: 304px;
padding: 25px 0 20px 145px;
text-align: center;
}

#btn input,
#btn button {
padding: 10px 15px;
line-height: 1;
background: #f33;
border: none;
color: #fff;
}

#btn input:hover,
#btn button:hover {
cursor: pointer;
background: #CCC;
}

#adrs {
color: #f7ae00;
margin-left: 145px;
}

#mess {
padding: 25px 0;
margin-left: 145px;
}

#confirm {
margin-top: 55px;	
}

.att {
color: red;
}

#tnks {
width: 1040px;
margin-top: 40px;
text-align: center;
}

.bg {
width: 296px;
padding: 3px;
background: #fff;
color: #000;
min-height: 1.5em;
}

#error {
width: 1040px;
margin: 0 auto;
}

#error .read,
#error #btn,
#error #mess {
text-align: center;
margin-left: 0;
padding-left: 0;
}

#error #btn{
margin: 0 auto;
}

.wtn_copyright {
display: none; 
}

/*----- common	------------------------------------------------------------------------------------------*/
#copy a,
.top #link a,
#news a,
.tile a,
#map p a,
.link_list li a {
text-decoration: underline;
}

#copy a:hover,
.top #link a:hover,
#news a:hover,
.tile a:hover,
#product_nav ul li a:hover,
.product_3rd_nav ul li a:hover,
#map p a:hover,
.link_list li a:hover {
text-decoration: none;
}

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

.clr {clear: both;}