@charset "utf-8";
/* CSS Document */
/* Basic Style */
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; outline:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0;}

ol, ul , li{ list-style:none;} 
table { border-collapse:separate; border-spacing:0;}
blockquote:before, blockquote:after, q:before, q:after { content:"";} 
blockquote, q { quotes:"" "";}
address, caption, cite, code, dfn, em, strong, th, var	{ font-style: normal; font-weight:normal;}
table { border-collapse: collapse; border-spacing: 0;}
caption, th	{ text-align: left;}
q:before ,q:after { content: '';}
object, embed { vertical-align: top;}
hr, legend	{ display: none;}

/*hasLayout hack*/
* { zoom:1; } 

html { height:100%; text-align:center; overflow-y:scroll;}

/*font*/
body { color:#333; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 75%; line-height: 1.5em;}

body a{ text-decoration:none ;}
body a:hover { text-decoration:underline;}

html>/**/body { font-size: 13px;}

* + html body {	font-family: "メイリオ","Meiryo";}

/*layout*/
body { background-color:#fff ;width:100%; height:100%; margin:0 auto; padding:0;}
* html #wrapper { height:100%;}
#wrapper { background:url(../images/common/wrapper.gif) repeat-x top center; width:100% ; margin:0 auto;  padding:0; min-height:100%; border:none; position:relative; z-index:0;}

body > #wrapper { height:auto;}

/*Firefox scrollbar visible*/
html>/**/body{
  overflow:-moz-scrollbars-vertical;
}
html:first-child body{ min-height:100%; padding-bottom:1px;}


/* header */
#header{ background:url(../images/common/h2_text.gif) no-repeat 613px 8px; width:928px ; height:144px ; margin: 0px auto; position:relative; z-index:50;}
h1#logo a{ float:left; background:url(../images/common/logo.gif) no-repeat; width:227px; height:90px; display:block; position:absolute; top:12px; left:12px; text-indent:-9999em;}

/* sub navigation */
#sub_nav { width:auto; height:25px; margin:0; padding:0; position:absolute; right:10px; top:32px; overflow:hidden;}
#sub_nav li { float:left; margin:0 0 0 14px; padding:0;}
#sub_nav li a { background:url(../images/common/button.gif) no-repeat; height:25px; display:block; text-indent:-9999em;}
#sub_nav li a.sitemap{ width:119px; background-position:0 -27px;}
#sub_nav li a:hover.sitemap { background-position:-130px -27px;}
#sub_nav li a.privacy { width:119px; background-position:0 -0px;}
#sub_nav li a:hover.privacy { background-position:-130px -0px;}

/* text resize */
ul.text_resize { background:url(../images/common/button.gif) no-repeat; width:173px; height:37px; margin:0; padding-left:74px; position:absolute; background-position:0 -54px; top:71px; left:742px; z-index:6;}
ul.text_resize li { float:left; margin:7px 0 0 6px; padding:0; display:inline;}
ul.text_resize li a { background:url(../images/common/button.gif)  no-repeat; height:24px; display:block; text-indent:-9999em; overflow:hidden;}

ul.text_resize  li a.small { width:24px; background-position:0px -94px;}
ul.text_resize  li a:hover.small { width:24px; background-position:-90px -94px;}
ul.text_resize  li a.medium { width:24px; background-position:-26px -94px; }
ul.text_resize  li a:hover.medium { width:24px; background-position:-116px -94px;}
ul.text_resize  li a.large { width:24px; background-position:-53px -94px}
ul.text_resize  li a:hover.large { width:24px; background-position:-143px -94px}

/* global navigation */
#nav { width:928px; height:69px ; margin:0px auto -25px auto; padding:0; display:block; position:relative; top:103px; left:0; z-index:5;}
#nav ul { height:68px; margin:0; position:relative;}
#nav ul li { float:left; margin:0 ; padding:0;}
#nav ul li a { background:url(../images/common/nav.png) no-repeat; height:68px; display:block; position:relative; text-indent:-9999em;}

#nav ul li a.top { width:188px; background-position:0 -2px;}
#nav ul li a:hover.top { background-position:0 -77px;}
#nav ul li a.idea { width:184px; background-position:-188px -2px;}
#nav ul li a:hover.idea { background-position:-188px -77px;}
#nav ul li a.business { width:184px; background-position:-372px -2px;}
#nav ul li a:hover.business { background-position:-372px -77px;}
#nav ul li a.company { width:184px; background-position:-556px -2px;}
#nav ul li a:hover.company { background-position:-556px -77px;}
#nav ul li a.contact{ width:188px; background-position:-740px -2px;}
#nav ul li a:hover.contact { background-position:-740px -77px;}


/* dropdown */
#nav ul li ul { display:none;}
#nav ul li:hover ul { display:block; position:absolute; z-index:100;}
#nav ul li li { float:none;}
#nav ul li li a{ width:184px; display:block;}
#nav ul li li a.production{ background:url(../images/common/drop.png) no-repeat; width:184px; height:40px; display:block;}
#nav ul li li a:hover.production{ background:url(../images/common/drop.png) no-repeat -190px 0; width:184px; height:40px; display:block;}

#nav ul li li a.event{ background:url(../images/common/drop.png) no-repeat 0 -41px; width:184px; height:40px; display:block;}
#nav ul li li a:hover.event{ background:url(../images/common/drop.png) no-repeat -190px -41px; width:184px; height:40px; display:block;}

#nav ul li li a.agent{ background:url(../images/common/drop.png) no-repeat 0 -82px; width:184px; height:40px; display:block;}
#nav ul li li a:hover.agent{ background:url(../images/common/drop.png) no-repeat -190px -82px; width:184px; height:40px; display:block;}

/* dropdown IE6 hack ※疑似セレクタを利用可能にする*/
#nav { behavior: url("./script/csshover.htc");}
* html #nav ul li li { margin-left:-368px;}


/* topic path */
ul#topic_path { width:900px; height:auto; margin:20px auto 13px auto; padding-left:10px; text-align:left;}
ul#topic_path li { background:url(../images/icon/topic_path.gif) no-repeat left center; margin-right:7px; padding-left:15px; display:inline;} 
ul#topic_path li a{ color:#333;} 
ul#topic_path li.first_path { background:none; padding-left:0px; display:inline;} 

/* h2 */
h2 { width:920px; height:95px; margin:0 auto;}

/* side */
.side { float:left; width:215px; height:auto; margin:0 20px 0 0;padding:0; display:inline;}

/* contents area */
#article { width:920px; height:auto; margin:8px auto 10px auto; position:relative; overflow:hidden; z-index:2;}
.section { width:920px; height:auto; margin:0px auto 15px auto; padding:0; }


/* footer */
#footer { background-color:#f6f6f6; width:100%; height:110px; margin:20px auto 0 auto; border-top:#cbcbcb 2px solid; border-bottom:#e5e5e5 24px solid; text-align:center;}
#footer_inner { background:url(../images/common/footer_logo.png) no-repeat 15px 20px; width:920px; height:110px; margin:0 auto; border-top:#17a5e1 4px solid; position:relative; text-align:left;}

/* footer main nav*/
#footer ul#main { width:auto; position: absolute; left:103px; top:.7em; overflow:hidden;}
#footer ul#main li { width:auto; margin:0; padding:0 0 .5em 1em; border:none; display:inline; font-size:100%;}
#footer ul#main li a { color:#333; border-right:1px #333 dotted; padding-right:1.5em;}
#footer ul#main li a:hover { color:#ddd;}
#footer ul#main li a.footer_top { background:url(../images/icon/footer_arrow.gif) no-repeat left center; padding-left:17px;}

/* footer business nav*/
#footer ul#business_menu  { width:auto; position:absolute; left:120px; top:2.7em; overflow:hidden;}
#footer ul#business_menu  li { float:left; width:auto; margin:0; padding:0 0 .5em 1em; border:none; display:inline; font-size:90%;}
#footer ul#business_menu li a { padding-right:1.5em; border-right:1px #333 dotted; color:#333;}
#footer ul#business_menu  li a:hover { color:#ddd;}

/* footer sub nav*/
#footer ul#sub { width:auto; position:absolute; top:5em; left:120px; overflow:hidden;}
#footer ul#sub li { margin:0 1em 0 0; padding:0 0 .5em 1em; border:none; display:inline; font-size:80%; }
#footer ul#sub li a { padding-right:1.5em; border-right:1px #333 dotted; color:#17a0dc;}
#footer ul#sub li a:hover { color:#ddd;}


/* address */
address { width:920px; height:1em; border-top:#c6c6c6 3px solid; display:block; position:absolute; bottom:-1em; _bottom:-2.2em; left:0px; color:#555; font-size:.8em;}
#footer .page_top { background:url(../images/common/page_top.png) no-repeat left top; width:77px; height:30px; display:block; position:absolute; right:4px; bottom:3px; _bottom:-1px; text-indent:-9999em;}


/* clearfix */
.clearfix:after{ clear:both; display:block; height:0; line-height:0; visibility:hidden; content:".";} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7 and MacIE5*/

/*Hides from IE-mac\*/
* html .clearfix{ height:1%;}
.clearfix{ display:block; zoom:1;}
/*End hide from IE-mac*/ /*before IE6*/