@charset "utf-8";

/* TAG CONFIG */
html, body { height:100%; }
body, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
body { color : #000; background-color : #fff; font: 13px/150% "ＭＳ Ｐゴシック", Osaka, "Hiragino Kaku Gothic Pro"; }
table { border-collapse:collapse; border-spacing:0; }
address, strong, th { font-style:normal; font-weight:normal; }
td, th { font-size : 12px; word-break : break-all; }
div { word-break : break-all; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font: 12px/150%; }
ul, dl { list-style:none; }
img { border:0; }
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { color: #000; }

/*-----------------------------------------------------------------------------
 Common Layout
-----------------------------------------------------------------------------*/
body div#Wrap { text-align:center; background: none; }

#Container { width: 680px; text-align: left; margin-left:auto; margin-right:auto; position: relative; background: #fff; }
#Header { border-top: none; padding: 5px 15px 10px 0; }
#Contents { position: relative; background: #fff; }
#Contents #LColumn { float: left; width: 680px; padding-top: 0px; padding-bottom: 10px; overflow: hidden; }
#Contents #RColumn { display:none; }

/*-----------------------------------------------------------------------------
 #Header
-----------------------------------------------------------------------------*/
#Header h1  { display:none; }
#Header h2 { background: none; }
#Header h2 a { width: 320px; height:20px; display: block; text-indent: 0; outline : 0; font-size: 15px; font-weight: bold; }
#Header p { margin-bottom:5px; }
#Header div   { display:none; }

/*-----------------------------------------------------------------------------
 Spry:GlobalMenu
-----------------------------------------------------------------------------*/
ul.GlobalMenu { display:none; }

/*-----------------------------------------------------------------------------
 TopicPath
-----------------------------------------------------------------------------*/
#TopicPath { display:none; }

/*-----------------------------------------------------------------------------
 LColumn
-----------------------------------------------------------------------------*/
#LColumn .ContentsBlock { margin-bottom: 10px; float: left; }
#LColumn .ContentBlock { margin-bottom: 20px; }
#LColumn .ContentBlock h3 { color: #fff; height: 30px; text-indent: 10px; margin-bottom: 10px; width: 680px; font-size: 14px; font-weight: bold; background: #000000; line-height: 30px; }

#LColumn .ContentBlock p.GuideTxt { font-size:90%; }

/*-----------------------------------------------------------------------------
 Common - PageNavi
-----------------------------------------------------------------------------*/
p.PageLink { text-align:right; margin-bottom:20px; padding-right:20px; }
p.PageLink a { padding-left:15px; background: url(../../img_real/common/img_page_top.gif) no-repeat left 40%; }

div.PageNavi { position:relative; height:20px; padding-right: 20px; padding-left: 20px; }
div.PageNavi span { width:auto; height:20px; line-height:20px; display:block; float:right; margin-left:20px; }
p.PageLink a, p.PageLink a:visited, div.PageNavi span a, div.PageNavi span a:visited { color:#666; }
p.PageLink a:hover, div.PageNavi span a:hover { color:#666; }
div.PageNavi span.BackPage { background: url(../../img_real/common/img_page_back.gif) no-repeat left 45%; padding-left:15px; }
div.PageNavi span.NextPage { background: url(../../img_real/common/img_page_next.gif) no-repeat right 45%; padding-right:15px; }
div.PageNavi span.TopPage { background: url(../../img_real/common/img_page_top.gif) no-repeat left 45%; padding-left:15px; }

/*-----------------------------------------------------------------------------
 Footer
-----------------------------------------------------------------------------*/
#Footer { display:none; }

/*-----------------------------------------------------------------------------
 FORM
-----------------------------------------------------------------------------*/
label { padding-right:5px; }
form { display: inline; }
select { font-size: 13px; margin: 2px; }

.FSsmall { font-size:90%; }

/* Margin */
.M5 { margin-bottom : 5px; }
.M10 { margin-bottom : 10px; }
.M15 { margin-bottom : 15px; }
.M20 { margin-bottom : 20px; }
.M30 { margin-bottom : 30px; }
.M100 { margin-bottom : 100px; }

/* Padding */
.P20 { padding-right:20px; padding-left:20px; }

/* Width */
.W50 { width : 50px; }
.W100 { width : 100px; }
.W120 { width : 120px; }
.W150 { width : 150px; }
.W200 { width : 200px; }
.W300 { width : 300px; }
.W500 { width : 500px; }

/* Align */
.ALeft { text-align : left; }
.ACenter { text-align : center; }
.ARight { text-align : right; }

/* ClearFix */
#GlobalMenu:after, #Contents:after, #Footer ul:after, #LColumn .ContentsBlock:after, #LColumn .CWrap:after, div.PageNavi:after, div.CText:after { content: " "; display: block; clear: both; height: 0; }
#GlobalMenu, #Contents, #Footer ul, #LColumn .ContentsBlock, #LColumn .CWrap, div.PageNavi, div.CText { display: inline-block; }
#GlobalMenu, #Contents, #Footer ul, #LColumn .ContentsBlock, #LColumn .CWrap, div.PageNavi, div.CText { display: block; }

/*-----------------------------------------------------------------------------
 h Title
-----------------------------------------------------------------------------*/
.CompanyOverview h3 { display:block; background:none; }

/*-----------------------------------------------------------------------------
 Company
-----------------------------------------------------------------------------*/
div.Company div.CWrapR, div.Company div.CWrapL { float:left; }
div.Company div.CWrapL { width:370px; }
div.Company div.CWrapR { width:auto; }
div.Company div.CWrapR h2 { display: none; }

.Company dl { display: block; position: relative; float: left; width: 370px; margin-bottom: 10px; }
.Company dl dt { font-weight: bold; border-right: none; display: block; float: left; width: 120px; height: 35px; padding: 5px; color: #000; text-align: right; border-bottom: 1px solid #CCC; }
.Company dl dt.H80, .Company dl dd.H80 { height:120px; }
.Company dl .Address { height: 70px; }
.Company dl .Address img { float:left; }
.Company dl .Address a { line-height:2.5em; }
.Company dl dd { padding: 5px; height: 35px; float: left; width: 220px; display: block; border-bottom: 1px solid #CCC; }
.Company span { font-weight:normal; margin-left: 15px; color: #666666; }

.Company li span { font-weight:bold; margin-left: 0px; color: #666666; }

#Gmap1 { display: none; }
#Gmap2 { width:300px; height:240px; }
#GStreet { width:250px; height:200px; }

#Access { text-align:left; }
#Access select { margin-bottom:10px; }
#Access p { border-bottom:1px solid #CCC; border-top:1px solid #CCC; text-align:left; line-height: 160%; padding-top: 5px; padding-bottom: 5px; }

/*-----------------------------------------------------------------------------
 CompanyProfile
-----------------------------------------------------------------------------*/
.Company ul { margin-bottom: 5px; padding-left: 20px; padding-right: 20px; }
.Company ul li { font-weight:bold; }
.Company ul ul { margin-bottom: 10px; padding-left: 10px; }
.Company ul ul li { font-weight:normal; margin-bottom: 10px; border-left: 5px solid #333333; padding-left: 5px; background: #F7F7FF; }