@charset "utf-8";
/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{
background:url(../img/common/bodyBg2.jpg) repeat-x;
margin:0 auto;
padding:0;
text-align:center;
line-height:1.2}

#index{background:url(../img/common/bodyBg.gif) repeat-x}

#secIndex{background:url(../img/common/bodyBg3.jpg) repeat-x}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
margin:0;
padding:0;
color:#000;
font-style:normal;
font:small/160% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック",  Osaka, sans-serif}

*html body div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
font:x-small/180% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック", Osaka, sans-serif}

*+html body div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
font:small/160% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック", Osaka, sans-serif}

;;body div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
font:small/160% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック", Osaka, sans-serif}

p,dt,dd,li,th,td,span{font-size:110%}

#main table td.note,
.tableCont table span,
#sideBar ul#menu li,
#sideBar ul#menu li dl dt,
#sideBar ul#menu li dl dd,
#foot ul li a,
#index #main table td,
#index #main table th,
#secIndex #main table td,
#secIndex #main table th,
#main ul.sitemap li{
font-size:small;
_font-size:x-small!important}

table{
border-collapse:collapse;
border-spacing:0}

textarea,input{margin:0;padding:0}

caption,th{text-align:left}
td,th{vertical-align: top}

fieldset,img,abbr{border:none}
li{list-style-type:none}
hr{display:none}

a,a:link{color:#00e}
a:visited{color:#00e}
a:hover{color:#00e;text-decoration:none}
strong{font-weight:bold}

/***********************************************/
/* layout divs                                 */
/***********************************************/

#wrapper{
background:url(../img/common/wrapperBg3.jpg) no-repeat;
margin:0 auto;
padding:0;
width:1100px}

#index #wrapper{background:url(../img/common/wrapperBg.jpg) no-repeat}
#secIndex #wrapper{background:url(../img/common/wrapperBg2.jpg) no-repeat}
#movie #wrapper{background:url(../img/common/wrapperBg4.jpg) no-repeat}
#media #wrapper{background:url(../img/common/wrapperBg5.jpg) no-repeat}

#head{
height:230px;
margin:0 auto 20px;
position:relative;
width:900px}

#index #head{height:400px}

#secIndex #head{height:475px}

#cont{
margin:0 auto;
padding:0;
width:900px}

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

#cont{
background:#fff;
display:inline-block}

/*\*/
*html #cont{height:1%}
#cont{display:block}
/**/

#main{
float:right;
margin:0;
text-align:left;
width:660px;
}
#main p {
line-height:1.4;
}
.save {
	width:660px;
	overflow:hidden;
}

.media_m{
float:left;
margin:0;
text-align:left;
width:490px;
overflow:hidden;}

.media_n{
	width:160px;
	float:right;
	overflow:hidden;}

.media_n img,
.media_c img {
	display:block;
}

.block img {
	display:block;
	_display:inline;
	float:left;
	_float:none;
}

.media_n p {
	margin-bottom:5px;
}

.media_c {
	margin-bottom:15px;
}

.media_c p {
	width:240px;
	float:left;
	margin:5px 2px;
}

#sideBar{
float:left;
margin:0 20px 0 0;
text-align:left;
width:220px}

#foot{
background:url(../img/common/footBg.jpg) repeat-x #fff;
margin:0 auto;
text-align:center}

/***********************************************/
/* head style                                  */
/***********************************************/

#head h1{
left:0;
top:40px;
position:absolute}

#head h1 a{
background:url(../img/common/headLogo.jpg) no-repeat;
display:block;
height:41px;
width:188px;
text-indent:-1000px}

/*\*/
#head h1 a{overflow:hidden}
/* */

#head #description{
color:#fff;
font-size:75%;
left:0;
top:3px;
position:absolute;
text-align:left;
width:800px}

#head #headLead{
position:absolute;
top:43px;
left:200px}

#head h2{
color:#666;
font-weight:bold;
position:absolute;
font-size:x-large;
_font-size:large;
top:105px;
left:0}

#index #head h2{
top:81px;
left:0}

#secIndex #head h2{
top:91px;
left:0}

#head #inq{
position:absolute;
top:62px;
right:-2px}

#head #banner{
padding:0 0 0 15px;
position:absolute;
top:148px;
left:0}

#head #banner li{float:left}
#head #banner li.firstChild{margin:0 50px 0 0}
#head #banner li.lastChild{margin:0 0 0 35px}

#secIndex #head #banner{
padding:0;
top:170px;
width:896px}

#secIndex #head #banner li{
margin:0}

#secIndex #head #banner li img{vertical-align:bottom}

#head .search{
position:absolute;
top:35px;
right:0}

#head .search th{padding:0 10px 3px 0}

#head .search td{vertical-align:bottom}

*:first-child+html #head .search td{vertical-align:middle}
* html body #head .search td{vertical-align:middle}

#head .globalNav{
background:url(../img/common/gNav.jpg) no-repeat;
height:40px;
bottom:0;
left:0;
position:absolute}

#head .globalNav li{float:left}
#head .globalNav li a{
display:block;
height:40px;
text-indent:-10000px}

/*\*/
#head .globalNav li a{overflow:hidden}
/* */

#head .globalNav li.menu01 a{width:180px}
#head .globalNav li.menu02 a{width:180px}
#head .globalNav li.menu03 a{width:180px}
#head .globalNav li.menu04 a{width:180px}
#head .globalNav li.menu05 a{width:180px}

#head .globalNav li.menu01 a:hover{background:url(../img/common/gNav.jpg) no-repeat 0 -40px}
#head .globalNav li.menu02 a:hover{background:url(../img/common/gNav.jpg) no-repeat -180px -40px}
#head .globalNav li.menu03 a:hover{background:url(../img/common/gNav.jpg) no-repeat -360px -40px}
#head .globalNav li.menu04 a:hover{background:url(../img/common/gNav.jpg) no-repeat -540px -40px}
#head .globalNav li.menu05 a:hover{background:url(../img/common/gNav.jpg) no-repeat -720px -40px}

#index #head .globalNav li.menu01 a{background:url(../img/common/gNav.jpg) no-repeat 0 -40px}
#secIndex #head .globalNav li.menu02 a{background:url(../img/common/gNav.jpg) no-repeat -180px -40px}
#movie #head .globalNav li.menu03 a{background:url(../img/common/gNav.jpg) no-repeat -360px -40px}
#media #head .globalNav li.menu04 a{background:url(../img/common/gNav.jpg) no-repeat -540px -40px}
#about #head .globalNav li.menu05 a{background:url(../img/common/gNav.jpg) no-repeat -720px -40px}

#secIndex #head #pickUpTitle{
position:absolute;
top:87px;
left:440px}

/***********************************************/
/* side style                                  */
/***********************************************/

#sideBar ul#menu{
background:url(../img/common/sideBg.gif) no-repeat 0 100%;
border:1px solid #e0e0e0;
margin:0 0 10px;
padding:1px 1px 7px}

#sideBar ul#menu li dl{height:1%}

#sideBar ul#menu li dl dt{
background:url(../img/common/sideDtBg.jpg) repeat-x #a8a8a8;
color:#fff;
font-weight:bold;
margin:0 0 5px;
padding:3px 10px}

#sideBar ul#menu li,
#sideBar ul#menu li dl dd{
background:#fafaf3;
padding:0 0 3px}

#sideBar ul#menu li a,
#sideBar ul#menu li dl dd a{
background:url(../img/common/icon01.gif) no-repeat 10px 7px;
display:block;
padding:0 0 0 25px}

#sideBar ul#menu li dl dt a{
background:none;
color:#fff;
padding:0}

#sideBar ul#menu li.firstChild{
background:url(../img/common/sideBorder.gif) repeat-x #fafaf3;	
padding:8px 0 5px}

/***********************************************/
/* foot style                                  */
/***********************************************/

#foot #footCont{
background:url(../img/common/footBg.jpg) repeat-x #fff;
margin:0 auto;
padding:20px 0 30px;
text-align:right;
width:900px}

#foot #footCont div{margin:0 0 15px}

#foot address{
color:#333;
font-size:80%}

/*----- floatをclearするための汎用クラス定義 -----*/

.clear { clear: both; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */