@charset "utf-8";

/*------------------------初期化------------------------*/
/*html {color: #444; background: #fff url() repeat;}*/

body,h1,h2,h3,h4,h5,h6,div,p,span,ul,ol,li,dl,dt,dd,hr,object,param,address,iframe {margin: 0; padding: 0;}
address {font-style: normal;}
video,audio {margin: 0; padding: 0;}
/* hasLayout {zoom: 1;} */
/* 未初期化タグ pre,code,fieldset,legend,textarea,blockquote,th,td,form,input,select */
li {list-style: none;}
/* table {border-collapse:collapse; border-spacing: 0;} */
fieldset,img {border: 0;}

body {
margin: 0;
padding: 0;
color: #444;
/*background-color: #000;*/
background: #fff url(../img/bg_sky.jpg) left top repeat-x fixed;
font-size: 12px;
font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","ＭＳ ゴシック",osaka,sans-serif;
text-align: center;
}

/*body#skyB {background: #fff url(../img/bg_sky02.jpg) left top repeat-x fixed;}
body#skyC {background: #fff url(../img/bg_sky03.jpg) left top repeat-x fixed;}*/

/* ++++++++++++++++++++++++++++++ [for Windows] +++++++++++++ */
/* Win IE フォントサイズ */
/* Win Iternet Explorer 7フォント関連 */
*:first-child+html body {font-size: 12px; line-height: 1.3;
/* フォント指定したいとき */ font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック","メイリオ",Meiryo,sans-serif;
font-size: small; /* IE 標準準拠モード */
/* font:x-small; IE6後方互換モード */
}
/* Win Iternet Explorer 6などフォント関連 */
* html body {font-size: 12px; line-height: 1.3;
/* フォント指定したいとき */ font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック","メイリオ",Meiryo,sans-serif;
font-size: small; /* IE 標準準拠モード */
/* font:x-small; IE6後方互換モード */
}
/* ++++++++++++++++++++++++++++++ [/for Windows] +++++++++++++ */

/*table {font-size: inherit; font: 100%;}*/
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
/*input,textarea,select {
font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
font-size: 100%;
font-weight: inherit;
}
input,textarea,select {*font-size: 100%;}*/

a,a:link,a:visited {color: #222; /*text-decoration: none;*/ outline: 0;}
a:active,a:hover {color: #8cc63f; /*text-decoration: underline;*/}

hr {display: none;} /*CSS無効時の区切り線*/

/*floatのクリア*/
.clbth:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clbth {display: inline-block;}
/* hide IE-MAC \*/
* html .clbth {height: 1%;}
.clbth {display: block;}
/* end hide IE-MAC */

/* 共有クラス */
.resetfl {clear: both;}
.posLeft {float: left;}
.posRight {float: right;}
.txtLeft {text-align: left;}
.txtRight {text-align: right;}
.txtCenter {text-align: center;}
.txtSmall {font-size: 90%;}
.txtBold {font-weight: bold;}
.notice {color: #f00;}
.vmid {vertical-align: middle;}
.nobr {white-space: nowrap;}
.txtOrange {color: #f90;}

.imgover, .mapLink {border: 0;}

/* ####################################### */
/* ヘッダー */
/* ####################################### */
#header {
margin: 0 auto;
width: 960px;
height: 100px;
}

#okuhiraLogo {
margin: 0;
padding: 0;
float: left;
width: 450px;
height: 100px;
background: url(../img/okuhira_logo.png) left center no-repeat;
text-indent: -9999px;
}
#okuhiraLogo a {
display: block;
width: 425px;
height: 95px;
}

#optionMenu {
margin: 0;
padding: 0;
float: left;
width: 310px;
height: 100px;
}
#optionMenu li {
margin: 40px 0 0 0;
padding: 0 28px 0 12px;
float: left;
background: url(../img/arrow_orange.png) left center no-repeat;
}
#optionMenu li a, #optionMenu li a:link, #optionMenu li a:visited {color: #fff; /*text-decoration: none;*/ outline: 0;}
#optionMenu li a:active, #optionMenu li a:hover {color: #f15a24; /*text-decoration: underline;*/}

#sizeMenu {
margin: 0;
padding: 0;
float: right;
width: 200px;
height: 100px;
}
#sizeMenu dl {
background: transparent url(../img/bg_box.png) left top;
}
#sizeMenu dt, #sizeMenu dd {
margin: 35px 0 0 0;
float: left;
color: #fff;
line-height: 30px;
}
#sizeMenu dt {
width: 95px;
}
#sizeMenu dd {
width: 35px;
height: 30px;
text-indent: -9999px;
}
#sizeMenu dd#fsmall {background: url(../img/font_small.png) center top no-repeat;}
#sizeMenu dd#fmiddle {background: url(../img/font_middle.png) center top no-repeat;}
#sizeMenu dd#fbig {background: url(../img/font_big.png) center top no-repeat;}

#sizeMenu dd#fsmall.current {background: url(../img/font_small_over.png) center top no-repeat;}
#sizeMenu dd#fmiddle.current {background: url(../img/font_middle_over.png) center top no-repeat;}
#sizeMenu dd#fbig.current {background: url(../img/font_big_over.png) center top no-repeat;}

/* ####################################### */
/* メインメニュー */
/* ####################################### */
#mainMenu {
margin: 0 auto;
padding: 0;
width: 960px;
height: 52px;
background: url(../img/bg_menu.png) left top no-repeat;
}
#mainMenu ul {
margin: 0 auto;
padding: 0;
width: 960px;
height: 52px;
}
#mainMenu li {
float: left;
margin: 0;
padding: 0;
width: 240px;
}
#mainMenu li a {
display: block;
margin: 0;
padding: 0;
width: 240px;
height: 52px;
text-indent: -9999px;
}

/* rollOut */
#mainMenu li#menuTop a,
#mainMenu li#menuTop a:link,
#mainMenu li#menuTop a:visited {background: url(../img/menu_top.png) left top no-repeat;}
#mainMenu li#menuProducts a,
#mainMenu li#menuProducts a:link,
#mainMenu li#menuProducts a:visited {background: url(../img/menu_products.png) left top no-repeat;}
#mainMenu li#menuWorks a,
#mainMenu li#menuWorks a:link,
#mainMenu li#menuWorks a:visited {background: url(../img/menu_works.png) left top no-repeat;}
#mainMenu li#menuCompany a,
#mainMenu li#menuCompany a:link,
#mainMenu li#menuCompany a:visited {background: url(../img/menu_company.png) left top no-repeat;}

/* rollOver */
#mainMenu li#menuTop a:active,
#mainMenu li#menuTop a:hover {background: url(../img/menu_top_over.png) left top no-repeat;}
#mainMenu li#menuProducts a:active,
#mainMenu li#menuProducts a:hover {background: url(../img/menu_products_over.png) left top no-repeat;}
#mainMenu li#menuWorks a:active,
#mainMenu li#menuWorks a:hover {background: url(../img/menu_works_over.png) left top no-repeat;}
#mainMenu li#menuCompany a:active,
#mainMenu li#menuCompany a:hover {background: url(../img/menu_company_over.png) left top no-repeat;}

/* Current */
#mainMenu li#menuTop a.current {background: url(../img/menu_top_over.png) left top no-repeat;}
#mainMenu li#menuProducts a.current {background: url(../img/menu_products_over.png) left top no-repeat;}
#mainMenu li#menuWorks a.current {background: url(../img/menu_works_over.png) left top no-repeat;}
#mainMenu li#menuCompany a.current {background: url(../img/menu_company_over.png) left top no-repeat;}

/* ####################################### */
/* コンテンツ共有 */
/* ####################################### */
#headerImage {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	position:relative;
}

.pageTop {text-align: right;}
.pageTop a {margin-left: 1em;}
.pageTop a, .pageTop a:link, .pageTop a:visited {color: #444; /*text-decoration: none;*/ outline: 0;}
.pageTop a:active, .pageTop a:hover {color: #000; /*text-decoration: underline;*/}

/* ####################################### */
/* パンくずリスト */
/* ####################################### */
#breadCrumb {
margin: 0 auto;
padding: 1em 0;
width: 960px;
text-align: left;
color: #fff;
}
#breadCrumb a, #breadCrumb a:link, #breadCrumb a:visited {color: #fff; /*text-decoration: none;*/ outline: 0;}
#breadCrumb a:active, #breadCrumb a:hover {color: #8cc63f; /*text-decoration: underline;*/}

/* ####################################### */
/* フッター */
/* ####################################### */
#footer {
margin: 0;
padding: 0;
color: #fff;
background-color: #8cc63f;
font-size: 90%;
}
#footer a, #footer a:link, #footer a:visited {color: #fff; text-decoration: none; outline: 0;}
#footer a:active, #footer a:hover {color: #222; /*text-decoration: underline;*/}

#sitemapArea {
margin: 0 auto;
padding: 1em 0;
width: 960px;
background-color: #69942f;
text-align: left;
}
#map-colum {
float: left;
margin: 0 1em;
width: 350px;
}
/* アクセス */
#mapFooter {
margin: 0 5px;
width: 350px;
height: 260px;
border: 2px solid #8cc63f;
}
#address-colum {
float: left;
margin: 0 1em;
width: 240px;
}

#menu-colum {
float: left;
margin: 0 1em;
width: 90px;
}
#caddl-colum {
float: left;
margin: 0 1em;
width: 180px;
}
.address-colum h4, .address-colum address.lastmargin, #menu-colum h4, #caddl-colum h4 {
font-size: 110%;
margin-bottom: 0.5em;
}

#menu-colum ul, #caddl-colum ul {
margin-bottom: 1em;
}
#menu-colum li, #caddl-colum li {
list-style-type: square;
list-style-position: inside;
}

#copyrightArea {
margin: 0 auto;
padding: 0.5em 0 1em 0;
width: 960px;
background-color: #69942f;
text-align: left;
}
#copyrightArea p {margin-left: 1em;}