@charset "UTF-8";
html { }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
W address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style:inherit; font-weight:inherit; }
del, ins { text-decoration:none; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:baseline; }
sub { vertical-align:baseline; }
legend { color:#000; }
input, button, textarea, select, optgroup, option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input, button, textarea, select { *font-size:100%;
}
body { font:13px/1.231 arial, helvetica, clean, sans-serif; *font-size:small;
*font:x-small;
}
select, input, button, textarea, button { font:99% arial, helvetica, clean, sans-serif; }
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%;
line-height:100%; }
body { text-align:center; }
/*----------------------------------------------------------------------------
utlility
----------------------------------------------------------------------------*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
/*----------------------------------------------------------------------------
common class
----------------------------------------------------------------------------*/
.mt-05 { margin-top: -5px; }
.mt01 { margin-top: 1px; }
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt32 { margin-top: 32px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.mt65 { margin-top: 65px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }
.mt110 { margin-top: 110px; }
.mt115 { margin-top: 115px; }
.mt120 { margin-top: 120px; }
.pt04 { padding-top: 4px; }
.pt05 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pt55 { padding-top: 55px; }
.pt60 { padding-top: 60px; }
.pt65 { padding-top: 65px; }
.pt70 { padding-top: 70px; }
.pt75 { padding-top: 75px; }
.pt80 { padding-top: 80px; }
.pl30 { padding-left: 30px; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb75 { margin-bottom: 75px; }
.mb80 { margin-bottom: 80px; }
.ml01 { margin-left: 1px; }
.ml05 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml31 { margin-left: 31px; }
.mr31 { margin-right: 31px; }
.ml45 { margin-left: 45px; }
.ml83 { margin-left: 83px; }
.ml200 { margin-left: 200px; }
.fc_red { color: #FF0000; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.hide { display:none; }
.txtsss { font-size: 77%; }
.txtss { font-size: 85%; }
.txts { font-size: 93%; }
.txtl { font-size: 108%; }
.txtll { font-size: 116%; }
.txtlll { font-size: 123.1%; }
.whitetext { color: #bbb; }
.line { border-top: 1px solid #666666; width: 15px; }
.longline { border-top: 1px solid #ccc; width: 615px; }
.floatleft { float: left; }
.floatright { float: right; }
.floatclear { float: none; clear: both; }
.textaligncenter { text-align: center; }
/*----------------------------------------------------------------------------
共通
----------------------------------------------------------------------------*/ 
body { font-family: Verdana, Geneva, sans-serif; color: #333; background-color: #FFFFFF; text-align: left; margin: 0px; padding: 0px; background-image: url(../images/bg.jpg); background-repeat: repeat; background-position: 0px 0px; line-height: 1.4em; }
a { color: #888; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
.underline { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666; width: 10px; margin-top: 100px; margin-bottom: 40px; }
#out_container { background-image: url(../images/tri.png); background-repeat: no-repeat; background-position: 0px 0px; background-attachment: fixed; background-size:100% 100%; }
#out_container_contact { background-image: url(../images/tri.png); background-repeat: no-repeat; background-position: 0px 0px; background-attachment: fixed; background-size:100% 100%; }
#container { width: 950px; margin-right: auto; margin-left: auto; }
#contents { width: 750px; padding-top: 65px; float: left; }
#contents_contact { width: 750px; padding-top: 65px; float: left; }
#menu { width: 200px; padding-top: 65px; position: fixed; margin-left: 780px; float: right; }
#menu #logo { float: right; height: 19px; width: 172px; }
/*----------------------------------------------------------------------------
G Navi
----------------------------------------------------------------------------*/ 
#menu #gnavi { height: 70px; width: 60px; margin-top: 28px; float: right; }
#gnavi li a { text-indent: -9999px; display: block; overflow: hidden; height: 28px; width: 60px; background-image: url(../images/menu_default.png); background-repeat: no-repeat; }
#gnavi #news a { background-position: 0px 0px; }
#gnavi #works a { background-position: 0px -25px; }
#gnavi #contact a { background-position: 0px -50px; }
#gnavi #news_over a { background-image: url(../images/menu_over.png); background-position: 0px 0px; }
#gnavi #works_over a { background-image: url(../images/menu_over.png); background-position: 0px -25px; }
#gnavi #contact_over a { background-image: url(../images/menu_over.png); background-position: 0px -50px; }
#gnavi li a:hover { text-indent: -9999px; display: block; overflow: hidden; height: 28px; width: 60px; background-image: url(../images/menu_over.png); background-repeat: no-repeat; }
/*----------------------------------------------------------------------------
WLD
----------------------------------------------------------------------------*/
#footer { float: left; width: 980px; margin-top: 100px; height: 45px; text-align: right; }
#footer #copy { color: #999; font-size: 65%; margin-top: 10px; }
#footer #pagetop { }