@charset "utf-8";



/* =================================== 



基本設定



=================================== */



html{

font-size:62.5%;

font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Meiryo','メイリオ','MS PGothic','ＭＳ Ｐゴシック','Osaka',sans-serif;

height:100%;

}



body{

    padding:0;

    border:0;

    line-height:1.6;

    height:100%;

	background:#FFFFFF;

	margin:0;

}



a:link{

	color:#F22248;

	font-weight:normal;

	text-decoration:none;

}



a:visited{

	color:#D22248;

	font-weight:normal;

	text-decoration:none;

}



a:hover{

	color:#D92332;

	font-weight:bold;

	text-decoration:underline;

}



a:active{

	color:#F22248;

	font-weight:bold;

	text-decoration:underline;

}



/*--------------------------------

Header

--------------------------------*/



#header-wrapper{

	text-align:center;

	margin:0 auto;

	padding-top:22px;

	background:url(../images/bg_header.jpg) repeat-x #ffffff;

}



#header{

	width:948px;

	margin:0 auto;

	text-align:center;

}



#header .header-logo{

	text-align:center;

	margin:0 auto;

}



#header .header-logo img{

	display:block;

	margin:0 auto;

}



#header .description{

	margin-top:10px;

	margin-left:-3px;

}





/*--------------------------------

Main

--------------------------------*/



#main-wrapper{

	text-align:center;

	margin:0 auto;

	background:url(../images/bg_main_wrapper.gif) repeat-x left -36px #77BF63;

}



#main{

	width:948px;

	text-align:left;

	margin:18px auto 0 auto;

	background:url(../images/bg_glass.gif) no-repeat 0 349px;

	padding-bottom:30px;

}



#left-column{

	float:left;

	width:174px;

}



#main-column{

	width:584px;

	margin-left:8px;

	float:left;

}



#right-column{

	float:left;

	margin-left:6px;

	width:174px;

}



/*     LeftColumn       */







.global-navi ul li{

	display:block;

	padding-bottom:8px;

}



.global-navi ul li a{

	display:block;

}



.global-navi a#btn-home{

	background-image:url(../images/btn_home.png);

}

* html .global-navi a#btn-home{

	background-image:url(../images/btn_home.gif);

}

.global-navi a#btn-about-special{

	background-image:url(../images/btn_special.png);

}

* html .global-navi a#btn-about-special{

	background-image:url(../images/btn_special.gif);

}

.global-navi a#btn-about-kaasan{

	background-image:url(../images/btn_aboutkaasan.png);

}

* html .global-navi a#btn-about-kaasan{

	background-image:url(../images/btn_aboutkaasan.gif);

}

.global-navi a#btn-character{

	background-image:url(../images/btn_character.png);

}

* html .global-navi a#btn-character{

	background-image:url(../images/btn_character.gif);

}

.global-navi ul li a#btn-about-hiroba{

	background-image:url(../images/btn_abouthiroba.png);

}

* html .global-navi ul li a#btn-about-hiroba{

	background-image:url(../images/btn_abouthiroba.gif);

}

.global-navi ul li a#btn-staff{

	background-image:url(../images/btn_staff.png);

}

* html .global-navi ul li a#btn-staff{

	background-image:url(../images/btn_staff.gif);

}

.global-navi ul li a#btn-summary{

	background-image:url(../images/btn_summary.png);

}

* html .global-navi ul li a#btn-summary{

	background-image:url(../images/btn_summary.gif);

}

.global-navi ul li a#btn-honne{

	background-image:url(../images/btn_honne.png);

}

* html .global-navi ul li a#btn-honne{

	background-image:url(../images/btn_honne.gif);

}

.global-navi ul li a#btn-dvd{

	background-image:url(../images/btn_dvd.png);

}

* html .global-navi ul li a#btn-dvd{

	background-image:url(../images/btn_dvd.gif);

}

.global-navi ul li a#btn-topics{

	background-image:url(../images/btn_topics.png);

}

* html .global-navi ul li a#btn-topics{

	background-image:url(../images/btn_topics.gif);

}

.global-navi ul li a#btn-link{

	background-image:url(../images/btn_link.png);

}

* html .global-navi ul li a#btn-link{

	background-image:url(../images/btn_link.gif);

}







.global-navi ul li a.img-rollover{

	width:174px;

	height:59px;

	text-indent:-9999px;

}

.global-navi ul li a.img-rollover-sp{

	width:174px;

	height:78px;

	text-indent:-9999px;

}



.global-navi ul li a.img-rollover:link,

.global-navi ul li a.img-rollover-sp:link{

	background-position:left top;

}



.global-navi ul li a.img-rollover:visited,

.global-navi ul li a.img-rollover-sp:visited{

	background-position:left top;

}



.global-navi ul li a.img-rollover:hover,

.global-navi ul li a.img-rollover-sp:hover{

	background-position:left bottom;

}

.global-navi ul li a.img-rollover:active,

.global-navi ul li a.img-rollover-sp:active{

	background-position:left bottom;

}



#left-column .banners{

	margin-top:30px;

	background:url(../images/bg_banner_area.jpg) repeat-y;

	overflow:hidden;

}



* html #left-column .banners{

	height:1%;

	overflow:visible;

}



#left-column .banners img{

	display:block;

	margin:0 auto;

}



#left-column .banners ul li{

	display:block;

	text-align:center;

	padding-bottom:5px;

}

* html #left-column .banners ul li{

	padding-bottom:1px;

}

*+html #left-column .banners ul li{

	padding-bottom:3px;

}



#left-column .banners ul li,#left-column .banners ul li a{

	display:block;

	text-align:center;

}





/*    RightColumn      */



#right-column{

	background:url(../images/bg_right_bottom.png) bottom left no-repeat;

	padding-bottom:10px;

	

}

#right-column-container{

	background:url(../images/bg_right.png) top left repeat-y;

}



#right-column-container-inner{

	background:url(../images/bg_right_top.jpg) top left no-repeat;

	padding:10px;

	min-height:284px;

}



#right-column .right-title{

	text-align:center;

	padding:8px 0 15px 0;

	border-bottom:1px solid #C8F0FF;

}



#right-column .a-title{

	font-size:1.2em;

	line-height:1.4;

	font-weight:bold;

	padding:0 5px 0 15px;

	margin-top:0.5em;

	background:url(../images/bg_li.gif) 5px 0.4em no-repeat;

}



#right-column .a-title a{

	font-weight:bold;

}



#right-column .a-image{

	text-align:center;

	margin-top:0.6em;

}



#right-column p{

	padding:0 5px;

	margin-top:1em;

	font-size:1.1em;

}



#right-column ul.topics-list{

	margin-top:1em;

	border-top:1px solid #C8F0FF;

	padding:1em 5px;

}



* html #right-column ul.topics-list{

	border:none;

}



#right-column ul.topics-list li{

	background:url(../images/bg_li.gif) left 0.7em no-repeat;

	padding:0.5em 0 0.5em 10px;

	font-size:1.2em;

	line-height:1.1;

}



/*--------------------------------

Footer

--------------------------------*/



#footer-wrapper{

	clear:both;

	background:url(../images/bg_footer.jpg) repeat-x;

	text-align:center;

	border-bottom:1px solid #F780C0;

	margin:0 auto;

}



#footer{

	margin:0 auto;

	width:948px;

	padding:12px 0 10px 0;

	color:#F22248;

	overflow:hidden;

}



#footer .copyright{

	text-align:right;

	padding-right:20px;

}



* html #footer-wrapper{

	height:1%;

	overflow:visible;

}



/*--------------------------------

Common

--------------------------------*/



.r-box{

	border:2px solid #77BF63;

	margin-bottom:3em;

	padding:15px 0;

	background:url(../images/bg_opacity.png); 

	overflow:hidden;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

  body .r-box{-webkit-border-radius: 8px;padding:20px 0;margin-top:-8px;margin-bottom:2.2em;}

}



div.r-box, x:-moz-broken {

	-moz-border-radius:8px;

	padding:20px 0;

	margin-top:-8px;

	margin-bottom:2.2em;

}



* html .r-box{

	border:none;

	background:#F6F9F6;

	width:544px;

	text-align:center;

}

*+html .r-box{

	margin-top:0 !important;

	margin-bottom:3em !important;

}





/*** clearfix ***/

.clearfix:after,

#main:after,

#main-wrapper:after{

  height:0;

  visibility: hidden;

  content: ".";

  display: block;

  clear: both;

}