@charset "utf-8";
/* Last Update 2009-04-09
This sheet is only used for Layout(No decorative property).
*@0.body
*@1.head
*@2.foot
*@3.copyright
*@4.headMenu
*@5.acc
*@6.globalMenu
*@7.mainNav
*@8.pickupNav
*@9.topicPath
*@10.contents
*@11.mainColumn
*@12.sideColumn
*@13.footerNav
*@14.global
*/

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

	0.body

=======================================*/
body,td,th {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
body {
	margin: 0;
	text-align: center;
	background: #fff url(../images/bg_head.png) repeat-x 0 3px;
}
img {
	border: 0;
}
/*======================================

	1.head

=======================================*/
div#head {
	width:100%;
	text-align:center;
	height: 123px; /* 最低でもロゴの高さは維持(IE6用) */
	border-top: 3px solid #d7000f;
}
div#headContent {
	position:relative;
	width:906px;
	margin:0 auto;
	text-align:left;
}
div#head #logo {
	border:none;
	position: absolute;
	margin:0;
	padding:12px 0;
}
div#head #logo img#tagline {
	margin-bottom: 12px;
}

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

	2.foot

=======================================*/
div#foot {
	background: #fff url(../images/bg_foot.png);
	border-top: 3px solid #d7000f;
	text-align:center;
	clear:both;
}
div#footContent {
	position: relative;
	width:906px;
	text-align:right;
	margin:0 auto;
	font-size: 80%;
}
div#foot p.pageLink {
	width: 122px;
	height: 36px;
	position: absolute;
	top: -48px;
	_top: -36px;
	right: 0;
	background: url(../images/bg_hfbutton.png) no-repeat left top;
	text-align: center;
}
	div#foot p.pageLink img {
	padding: 10px;
	}
ul#footNav {
	clear: right;
	margin: 12px 0;
}
ul#footNav li {
	display:inline;
	margin-left: 12px;
}
ul#footNav li a {
}
div#supported {
padding: 12px;
margin-bottom: 12px;
text-align: left;
background: #fff;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */ 
}
div#supported ul {
list-style: none;
margin: 0;
}
div#supported ul li {
display: inline;
margin-right: 12px;
}
div#contentsList {
margin-bottom: 12px;
}
div#contentsList div {
width: 180px;
float: left;
margin-right: 12px;
padding: 6px;
text-align: left;
background: #fff;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */
line-height: 1.5;
}
div#foot div#contentsList div ul {
margin-bottom: 6px;
}
div#foot div#contentsList div ul li {
margin-bottom: 6px;
}
div#foot div#contentsList div ul li ul {
margin: 3px 6px 6px 12px;
}
div#foot div#contentsList div ul li ul li {
margin-bottom: 3px;
padding-eft: 6px;
}
div#contentsList div#profile {
width: 384px;
float: right;
margin-right: 0;
}
div#contentsList div#profile p.logo {
float: left;
width: 90px;
}
div#contentsList div#profile div {
width: 282px;
float: right;
margin: 0;
padding: 0;
text-align: left;
border-radius: 0;        /* CSS3草案 */  
-webkit-border-radius: 0;    /* Safari,Google Chrome用 */  
-moz-border-radius: 0;   /* Firefox用 */
}
/*======================================

	3.copyright

=======================================*/
div#foot address {
	width:906px;
	margin:0 auto;
	padding:0;
	font-style:normal;
	text-align:right;
}
/*======================================

	4.headMenu

=======================================*/
ul#headNav {
	float:right;
	margin:6px 0 0;
	padding:0;
}
ul#headNav:after {
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	content:".";
}
ul#headNav li {
	float:left;
	margin:0;
	padding:0 0 0 24px;
	list-style-type:none;
}
ul#headNav li#mn_inquiry {
	width: 122px;
	height: 36px;
	position: relative;
	top: -6px;
	background: url(../images/bg_hfbutton.png) no-repeat 24px bottom;
	text-align: center;
}
	ul#headNav li#mn_inquiry img {
	padding: 10px;
	}
ul#headNav li a {
	text-decoration:none;
}


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

	5.acc

=======================================*/
div#acc {
	clear: both;
	float:right;
}
div#acc span#accTl {
	float: left;
	margin-right: 5px;
}
#fontsizeDefault,
#fontsizeLarge{
	float:left;
	margin:0 3px 0 0;
	width: 40px;
	height: 18px;
	display:block;
	outline: none;
	text-indent: -9999px;
	vertical-align:text-bottom;
}

#fontsizeDefault {
	background: url(../images/btn_fontsize.gif) no-repeat 0 -18px;
}
#fontsizeLarge {
	background: url(../images/btn_fontsize.gif) no-repeat -40px 0;
}

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

	6.siteSearch

=======================================*/
div#siteSearch {
	clear: both;
	vertical-align:bottom;
}
div#siteSearch form {
	float:right;
}
#searchTextInput {
	width:160px;
	height:14px;
	vertical-align:top;
}
#searchSubmit {
	margin:0 3px 0 0;
	padding:1px 0 0 0;
	width:37px;
	height:18px;
	vertical-align:middle;
}


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

	7.globalMenu

=======================================*/
div#globalMenu {
	width: 906px;
	margin:0 auto 24px;
	text-align:center;
	height: 60px;
	background: #d7000f;
}
div#globalMenu ul {
	margin: 0;
	padding:0;
}
div#globalMenu li {
	display: inline;
	list-style-type:none;
}
div#globalMenu li a {
	display: block;
	float: left;
	height: 60px;
	width: 192px;
	line-height: 60px;
	margin-left: 12px; /* 各メニューの右余白 */
	_margin-left: 11px; /* ie6 */
	display: inline;
}
div#globalMenu li a#gm_home {
	width: 90px;
	margin-left: 0; /* 各メニューの右余白 */
}
div#globalMenu li img {
	margin-top: 22px;
}
div#globalMenu li a#gm_home img {
	margin-top: 17px;
}

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

	8.pickupNav

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

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

	9.topicPath

=======================================*/
div#topicPath {
	width:906px;
	text-align:center;
	margin: 24px auto 12px;
	background:#FFF;
}

div#topicPath ul {
	margin:0;
	padding:0;
	text-align:left;
}
div#topicPath li {
	display: inline;
	list-style-type:none;
	font-size:80%;
}

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

	10.contents

=======================================*/
div#contents {
	width:906px;
	margin:0 auto;
	background:#FFF;
	text-align:center;
	display:inline-block;
}

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

	11.mainColumn

=======================================*/
div#mainColumn {
	float:right; /* (1)leftにすればコンテンツブロックが右に */
	position: relative;
	right: 204px;
	width:498px;
	text-align:left;
	font-size: 95%;
}
div.addthis_toolbox {
float: right;
padding-bottom: 12px;
}

/* 2 column / shop */
div.twoColumn div#mainColumn,
div#shop div.twoColumn div#mainColumn {
	right: 0;
	width:702px;
}

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

	12a.sideColumn

=======================================*/
div#sideColumn {
	float:left; /* (2)rightにすればメニューブロックが左に */
	width:192px;
	text-align:left;
}

ul#localNav {
	text-align:left;
	margin:0;
	padding:0;
}
ul#localNav ul {
	margin:0;
	padding:0;
	border-bottom: solid 1px #d7000f;
}
  /*2nd*/
  ul#localNav li {
	  margin:0;
	  padding:0;
	  list-style-type:none;
  }
  ul#localNav li a,
  ul#localNav li strong {
	  display:block;
	  height:100%;
	  margin:0 0 1px 0;
	  padding: 10px 5px;
	  border-top: solid 3px #d7000f;
	  border-bottom: solid 1px #d7000f;
  }
	/*3rd*/
	ul#localNav li ul {
	}
	ul#localNav li li a,
	ul#localNav li li strong {
		padding:5px 5px 5px 14px;
		border: none;
	}
	  /*4th*/
	  ul#localNav li ul li ul {
	  }
	  ul#localNav li li li a,
	  ul#localNav li li li strong {
		  padding:5px 5px 5px 28px;
		  background: #DDD;
	  }


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

	12b.infoColumn

=======================================*/
div#infoColumn {
	float:left;
	position: relative;
	left: 522px;
	width:192px;
}
div#infoColumn div.info_box,
div#infoColumn div#tw_box,
div#infoColumn div#blog_box,
div#infoColumn div#fb_box,
div#infoColumn div#banner_box {
margin-bottom: 12px;
}
div#infoColumn div#banner_box ul {
list-style: none;
margin: 0;
}
div#blog_box,
div#youtube_box {
border: 1px solid #cfcfcf;
margin-bottom: 12px;
}
div#blog_box {
background-color: #FFFEE6;
}
div#blog_box h2,
div#youtube_box h2 {
font-size: 12px!important;
color: #333;
background-color: #eee;
padding: 10px 3px;
}
div#youtube_box h2 {
background: #eee url(../images/ico_youtube.png) no-repeat 6px center;
padding: 10px 3px 10px 56px;
}
div#youtube_box p {
margin-bottom: 6px;
}

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

	13.footerNav

=======================================*/
/* ---------- フッタの指定（ページ上部へ戻る）----------  */
div#mainColumn p.pageLink {
	border-top: 1px solid #CCC;
	padding: 5px 0px 0px 0px;
}
div#mainColumn p.pageLink a {
	float: right;
	display: block;
	background: #EEE;
	padding-left: 18px;
	font-size: 80%;
}
div#mainColumn p.moveLink {
	clear: both;
	text-align:center;
	padding: 5px 0px 0px 0px;
}
div#mainColumn p.moveLink a {
	font-size: 80%;
}
div#mainColumn p.moveLink a.prev {
	padding:0 1em 0 18px;
}
div#mainColumn p.moveLink a.next {
	padding:0 18px 0 1em;
}
/*======================================

	14.global

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

/*//////// Hacks ////////*/
/*/// ClearFix ///*/
#head:after,
#headMenu:after,
#acc:after,
#siteSearch:after,
#globalMenu:after,
#globalMenu ul:after,
#topicPath:after,
#contents:after,
#mainColumn p.pageLink:after,
#foot:after,
#contentsList:after,
.clFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#head,
#headMenu,
#acc,
#siteSearch,
#globalMenu,
#globalMenu ul,
#topicPath,
#contents,
#mainColumn p.pageLink,
#foot,
#contentsList,
.clFix {
	display: inline-table;
	min-height: 1%; /* IE7 */
}
/* Escape from MacIE \*/
* html #head,
* html #headMenu,
* html #acc,
* html #siteSearch,
* html #globalMenu,
* html #globalMenu ul,
* html #topicPath,
* html #contents,
* html #mainColumn p.pageLink,
* html #foot,
* html #contentsList,
* html .clFix {
	height: 1%;
}
#head,
#headMenu,
#acc,
#siteSearch,
#globalMenu,
#globalMenu ul,
#topicPath,
#contents,
#mainColumn p.pageLink,
#foot,
#contentsList,
.clFix {
	display: block;
}
/* End Escape from MacIE */