@charset "utf-8";

/*=========================*/
/* 基本設定CSS */
/*=========================*/

.clearfix:after {
	content: ".";
	display:block;
	clear:both;
	height:0;
	font-size: 0;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
*html.clearfix {height:1%}
.clearfix {display:block;}
/* End hide from IE-mac */ 

h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	
}
ol li {
	/*giving OL's LIs generated numbers*/	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	
}
dl dd {
	/*giving UL's LIs generated numbers*/
	
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	
	/*centered so it doesn't blend in to other content*/
	
}
p,fieldset,table {
	/*so things don't run into each other*/
}

/*=========================*/
/*　fontサイズ設定CSS

10px > 77%
12px > 93% 
14px > 108% 
16px > 123% 
18px > 138.5% 
*/
/*=========================*/


/*=========================*/
/*　外側の枠組み用CSS　*/
/*=========================*/
body {
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 14px;
	line-height: 1.8;]
	color:#222;
}

#container {
	width: 100%;
	text-align: center;
	background:url(../images/body_bg.gif) no-repeat center top;
}

#contents {	
	width: 940px;
	margin:0 auto;
	font-size:100%;
	text-align: left;
}

#header {
	position:relative;
	width:940px;
	height:285px;
	text-align:center;
}

.main {
	position:relative;
}

#footer {
	width:940px;
	padding:87px 0 45px;
	margin:0;
	color:#FFF;
}

/*=========================*/
/*　共通設定CSS　*/
/*=========================*/

/* width
-------------- */


/* padding-top
-------------- */
.pdTop5 {padding-top:5px;}
.pdTop10 {padding-top:10px;}
.pdTop20 {padding-top:20px;}
.pdTop30 {padding-top:30px;}

/* margin-top
-------------- */
.mgTop10 {margin-top:10px;}
.mgTop20 {margin-top:20px;}
.mgTop30 {margin-top:30px;}

/* padding-right
---------------------*/
.pdR10 {padding-right:10px;}
.pdR23 {padding-right:23px;}
.pdR40 {padding-right:40px;}

/* text
---------------------*/

/* text-align
---------------------*/
div .tal_c,p .tal_c{
	text-align:center;
}
div .tal_l,p .tal_l{
	text-align:left;
}
div .tal_r,p .tal_r{
	text-align:right;
}
/* float
---------------------*/
.fl_l {float:left;}
.fl_r {float:right;}

/* 絶対配置
---------------------*/
.posParrent {
	position:relative;
}
.posChild {
	position:absolute;
}

/*=========================*/
/*　個別設定CSS　*/
/*=========================*/

/* header
---------------------*/
#header h1{
	margin:0 auto;
	padding:123px 0 0;
}

/* pankuzu
---------------------*/
#contents dl.pankuzu{
	width:860px;
	margin:7px 0 10px 0;
	float:left;
}
#contents dl.pankuzu dt{
	font-size:1px;
	line-height:1px;
	display:none;
	overflow:hidden;
}
#contents dl.pankuzu dd{
	font-size:78.6%;
}
#contents dl.pankuzu ul{
	width:860px;
	overflow:hidden;
	padding:0;
	float:left;
}
#contents dl.pankuzu ul li{
	float:right;
	display:inline;
	padding:0 0 0 5px;
}
#contents dl.pankuzu ul li strong{
	font-weight:normal;
}
#contents dl.pankuzu ul li.home{
	padding:0;
}
#contents dl.pankuzu ul li span,
#contents dl.pankuzu ul li a{
	padding:0 5px 0 0;
	color:#864293;
	text-decoration:none;
}

/* tweetBtn
---------------------*/
div.tweetBtn{
	float:right;
	padding:5px 0 0;
}

/* localNavi
---------------------*/
#localNavi {
	position:absolute;
	height:23px;
	top:-1px;
	font-weight:bold;
}
#localNavi:-moz-read-only {
	top:-6px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #localNavi {
	top:-1px;
}
}

#localNavi li.yTab a{
	display:block;
	padding:6px 20px 5px;
	border-top:#b4b4b4 solid 1px;
	border-left:#b4b4b4 solid 1px;
	border-right:#b4b4b4 solid 1px;
	border-bottom:#b4b4b4 solid 1px;
	background-color:#FFF;
	overflow:hidden;
	font-size:100%;
	text-decoration:none;
	color:#222;
	outline:none;
}
#localNavi li.yTab span{
	display:block;
	padding:5px 20px;
	border-top:#864293 solid 2px;
	border-left:#b4b4b4 solid 1px;
	border-right:#b4b4b4 solid 1px;
	border-bottom:#fff solid 1px;
	background-color:#FFF;
	overflow:hidden;
	font-size:100%;
	text-decoration:none;
	color:#864293;
	outline:none;
}

#localNavi li.first {
	left:-1px;
}

#localNavi li {
	float:left;
}

/* section
---------------------*/

.section {
	border:#b4b4b4 solid 1px;
}

.section dt{
	padding:0;
	width:250px;
	padding:45px 20px 0;
}
.section dt a{
	background:url(../images/category_bg_01.gif) no-repeat;	
	padding:4px;
	display:block;
}
.section dt a:hover {
	padding:0;
	margin:0;
	border:#864293 solid 4px;
	background:none;
}
.section dd{
	padding:5px 0 0 0;
	text-align:center;
}
.section dd a{
	text-align:center;
	font-size:93%;
	color:#222;
	text-decoration:none;
}
.section dd a:hover{
	/*color:#864293;*/
	text-decoration:none;
}

/*none-image*/
.section dl.none dt{
	background:url(../images/category_bg_01.gif) no-repeat;	
	padding:4px;
	display:block;
}
.section dl.none dd{
	text-align:center;
	padding-right:11px;
	font-size:93%;
	color:#222;
}

/* footer
---------------------*/

#footer dt{
	font-size: 85.7%;
	line-height:1.5;
	color:#222;
}
#footer dd{
	margin-top:1.6em;
	color:#541b86;
	font-size: 78.6%;
	line-height:1.5;
	font-weight:bold;
	padding:0 20px 0 0;
	font-family: Times New Roman, Times, serif;
}

/* #glayLayer
---------------------*/
div#glayLayer{
	display:none;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:black;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}
* html div#glayLayer{
	position:absolute;
}

#overLayer{
	position: fixed;
	top:50%;
	left:50%;
	margin-top:-307px;
	margin-left:-410px;
}
* html #overLayer{
	position: absolute;
}

#overLayer img.close{
	position:absolute;
	bottom:10px;
	right:10px;
	cursor:pointer;
}

/* #carousel
---------------------*/
#carousel {
    margin: 0 auto;
    width: 870px;
    height: 285px;
    text-align: left;
    position: relative;
}
 
#carousel_prev,
#carousel_next {
    top: 120px;
    width: 17px;
    height: 44px;
    cursor: pointer;
    position: absolute;
}
#carousel_prev {
    left: -15px;
    background:transparent url(../images/arr_prev.gif) no-repeat center left;
}
#carousel_next {
    right: -15px;
    background:transparent url(../images/arr_next.gif) no-repeat center left;
}
#carousel ul li {
    width: 290px;
    float: left;
    display: inline !important;
}

/* =======================================
    ClearFixElements
======================================= */
#carousel ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

#carousel ul {
    display: inline-block;
    overflow: hidden;
}
