@charset "utf-8";

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

:focus {
outline: 0;
}
body {
line-height: 1;
color:#fff;
background: white;
font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size:78%;
background-color:#000;
line-height:150%;
}
ol, ul {
list-style: none;
}

img{
vertical-align:bottom;
}

table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}

.center{
text-align:center;
}

.right{
text-align:right;
}

.fl{
float:left;
margin:0 5px 5px 0;
}

.fr{
float:right;
margin:0 0 5px 5px;
}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix{
zoom:1;
}

strong{
font-weight:bold;
}

.attention{
background-color:#fff;
color:#f00;
font-weight:bold;
padding:15px;
margin:30px auto;
width:500px;
font-size:150%;
line-height:150%;
text-align:center;
}

#container{
width:1000px;
padding-bottom:50px;
}

#container:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#left{
width:310px;
float:left;
margin-left:7px;
display:inline;
}


#left #logo{
margin-bottom:24px;
}

#left #gnav{
margin-left:18px;
}


#left #gnav li{
margin-bottom:14px;
}

#right{
width:680px;
float:right;
}

#right h1{
margin:25px 0 15px 0;
text-align:right;
border-bottom:1px #fff solid;
padding-bottom:14px;
font-size:200%;
}

#footer{
width:1000px;
min-height:98px;
_height:98px;
padding:20px 0 0 0;
border-top:1px #808080 dotted;
}

#footer_in{
}

#fnav{
text-align:right;
border-right:1px #fff solid;
padding-right:10px;
margin-bottom:5px;
}


#fnav2{
text-align:right;
margin-bottom:5px;
}

#fnav li{
display:inline;
border-left:1px #fff solid;
padding-left:10px;
margin-left:10px;
}

#fnav2 li{
display:inline;
}

a{
color:#fff;
text-decoration:none;
}


#fnav2 a{
color:#000;
padding:3px 5px;
background-color:#444;
}

#fnav2 a:hover{
text-decoration:none;
background-color:#777;
}


a:hover{
color:#fff;
text-decoration:underline;
}

#copy{
color:#fff;
text-align:right;
margin-bottom:10px;
}

.link{
color:#fff;
text-align:right;
}

/****** top ******/


.page_top #right p.img{
margin:37px 0 45px 0;
text-align:center;
}

.page_top #right p.txt{
margin-bottom:20px;
}

.page_top #right .cont{
width:680px;
overflow:hidden;
}

.page_top #right .cont .l{
width:330px;
float:left;
}

.page_top #right .cont .r{
width:330px;
float:right;
}

.page_top #right .cont h2{
margin-bottom:10px;
}

.page_top #right .cont p.detail{
margin-bottom:20px;
}

.page_top #right .cont p.btn{
margin-bottom:20px;
text-align:right;
}

/****** works ******/

.page_works #right p.txt{
text-align:right;
margin-bottom:35px;
}

.page_works #right .row{
width:690px;
overflow:hidden;
margin:0 -10px 20px 0;
}

.page_works #right .row dl{
width:220px;
float:left;
margin:0 10px 10px 0;
color:#999;
}

.page_works #right .row dl dt{
margin-bottom:3px;
}


/****** contact ******/

.page_contact #right p.txt{
text-align:right;
margin-bottom:35px;
}

.page_contact #right form table{
width:100%;
background-color:#181d1f;
}

.page_contact #right form table th,
.page_contact #right form table td{
border-bottom:3px #000 solid;
padding:14px;
}

.page_contact #right form table th{
width:160px;
background:url(/images/cmn_th_bg.gif) right top repeat-y;
text-align:right;
vertical-align:middle;
line-height:1%;
font-size:1px;
}

.page_contact #right form table th.top{
vertical-align:top;
padding-top:18px;
}

.page_contact form input.mdl{
width:440px;
height:26px;
}

.page_contact form textarea{
width:440px;
height:250px
}

.page_contact .err{
color:#f00;
}

.page_contact form .btns{
text-align:center;
margin:50px auto 0 auto;
padding-bottom:15px;
overflow:hidden;
zoom:1;
width:410px;
text-align:center;
}

.page_contact form .btns input{
border:none;
cursor:pointer;
display:block;
text-indent:-9999px;
width:200px;
height:40px;
}

.page_contact form .btns .btn_submit{
background:url(/images/contact_btn_submit.gif) 0 0 no-repeat;
margin:0 auto;
}

.page_contact form .btns .btn_back{
background:url(/images/contact_btn_back.gif) 0 0 no-repeat;
float:left;
}


.page_contact form .btns .btn_send{
background:url(/images/contact_btn_send.gif) 0 0 no-repeat;
float:right;
}

.page_contact .err{
margin:5px 0 0 0;
display:block;
}

.page_contact .message{
background-color:#333;
width:620px;
margin:15px auto;
padding:15px 30px;
}

/****** about ******/

.page_about #right p.txt{
text-align:right;
margin-bottom:35px;
}

.page_about #right table{
width:100%;
background-color:#181d1f;
}

.page_about #right table th,
.page_about #right table td{
border-bottom:3px #000 solid;
padding:20px 14px;
}

.page_about #right table th{
width:160px;
background:url(/images/cmn_th_bg.gif) right top repeat-y;
text-align:right;
vertical-align:middle;
line-height:1%;
font-size:1px;
}

/****** keyword ******/

.page_keyword #right p.txt{
text-align:right;
margin-bottom:10px;
}

.page_keyword #right #knav{
width:430px;
background:url(/images/keyword_knav_bg.gif) 0 0 no-repeat;
overflow:hidden;
margin-bottom:20px;
padding-left:250px;
}

.page_keyword #right #knav li{
width:40px;
float:left;
margin-left:3px;
text-align:right;
display:inline;
}

.page_keyword #right p.num{
text-align:right;
}

.page_keyword #right p.num a{
color:#fff;
text-decoration:none;
}

.page_keyword #right p.num a:hover{
text-decoration:underline;
}

.page_keyword #right h2{
background:url(/images/keyword_mark.gif) 0 0.5em no-repeat;
font-size:134%;
line-height:150%;
font-weight:bold;
margin-bottom:15px;
padding-left:20px;
}

.page_keyword #right .detail{
margin-bottom:30px;
}

.page_keyword #right .detail p{
margin-bottom:10px;
}

.page_keyword #right p.keyword_gotodetail{
text-align:right;
}

.page_keyword #right p.keyword_gotodetail a{
background-color:#870032;
padding:2px 5px;
color:#000;
font-weight:bold;
}

.page_keyword #right p.keyword_gotodetail a:hover{
background-color:#D90050;
text-decoration:none;
}

.page_keyword #right div.detail_more{
border:#fff 1px dotted;
padding:15px;
background-color:#333;
}

.page_keyword #right div.detail_more h3{
font-size:116%;
line-height:150%;
font-weight:bold;
margin-bottom:10px;
}


.page_keyword #right div.detail_more p{
margin-bottom:10px;
}


/****** kojin ******/

.page_etc #right h2{
background:url(/images/kojin_mark.gif) 0 0.5em no-repeat;
font-size:134%;
line-height:150%;
font-weight:bold;
margin-bottom:15px;
padding-left:20px;
}

.page_etc #right p{
margin-bottom:30px;
}

.page_etc #right p.txt{
text-align:right;
margin-bottom:20px;
}


.page_etc #right dl{
margin-bottom:30px;
}


.page_etc #right dt{
font-weight:bold;
margin:0 0 10px 0;
font-size:116%;
}

.page_etc #right dd{
margin:0 0 15px 15px;
}

.page_etc .test{
background-color:#fff;
color:#f00;
font-weight:bold;
padding:15px;
margin:30px auto;
width:500px;
font-size:150%;
line-height:150%;
text-align:center;
}