@charset "UTF-8";
/* CSS Document */
/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
address,em,strong,th {
font-style: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: left;
}
hr,legend {
display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
img,fieldset {
border: 0;
}
li {
list-style-type: none;
}

img{
	display:block;
}
/* Fonts
------------------------------------------------------------*/
body {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/* clearfix
------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
.clearfix {
zoom: 1;
}/* IE用 */


/*全体*/
body {
	background-image: url(../image/bg.gif);
	background-repeat: repeat;
	text-align: center;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #741c05;
	font-size: 12px;
	background-attachment: fixed;
	min-width:1000px;
	width: expression(document.body.clientWidth < 1002? "1000px" : "auto");
}
body a{
	text-decoration: none;
	color: #967c5d;
}
body a:hover{
	color: #741c05;
}
a:hover img{
	opacity: 0.75; /* for Opera,Firefox,Safari */
	filter: alpha(opacity=75); /* for IE */
}
#wrapper {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-left: 0px;
}
#header .logo {
	background-image: url(../image/logo.gif);
	background-repeat: no-repeat;
	width: 219px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	height: 30px;
	background-position: 0px 30px;
	padding-top: 30px;
	padding-bottom: 20px;
}
#header .logo a{
	height: 30px;
	width: 219px;
	display: block;
}
#header .menu {
	float: left;
	width: 750px;
}
#header ul.menu li {
	float: left;
}
#header ul.menu li a{
	display: block;
	width: 107px;
	background-image: url(../image/menu.gif);
	background-repeat: no-repeat;
	height: 40px;
	text-indent: -9999px;
}
#header ul.menu li.menu01 a{
	background-position: 0px 0px;
}
#header ul.menu li.menu01 a:hover{
	background-position: 0px -80px;
}
#header ul.menu li.menu01 a.on{
	background-position: 0px -40px;
}
#header ul.menu li.menu02 a{
	background-position: -107px 0px;
}
#header ul.menu li.menu02 a:hover{
	background-position: -107px -80px;
}
#header ul.menu li.menu02 a.on{
	background-position: -107px -40px;
}
#header ul.menu li.menu03 a{
	background-position: -214px 0px;
}
#header ul.menu li.menu03 a:hover{
	background-position: -214px -80px;
}
#header ul.menu li.menu03 a.on{
	background-position: -214px -40px;
}
#header ul.menu li.menu04 a{
	background-position: -321px 0px;
}
#header ul.menu li.menu04 a:hover{
	background-position: -321px -80px;
}
#header ul.menu li.menu04 a.on{
	background-position: -321px -40px;
}
#header ul.menu li.menu05 a{
	background-position: -428px 0px;
}
#header ul.menu li.menu05 a:hover{
	background-position: -428px -80px;
}
#header ul.menu li.menu05 a.on{
	background-position: -428px -40px;
}
#header ul.menu li.menu06 a{
	background-position: -535px 0px;
}
#header ul.menu li.menu06 a:hover{
	background-position: -535px -80px;
}
#header ul.menu li.menu06 a.on{
	background-position: -535px -40px;
}
#header ul.menu li.menu07 a{
	background-position: -642px 0px;
}
#header ul.menu li.menu07 a:hover{
	background-position: -642px -80px;
}
#header ul.menu li.menu07 a.on{
	background-position: -642px -40px;
}
#header ul.menu_gender {
	float: right;
	padding-right: 0px;
}
#header ul.menu_gender li {
	float: left;
}
#header ul.menu_gender li a {
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 81px;
	background-image: url(../image/menu.gif);
	background-repeat: no-repeat;
}
#header  ul.menu_gender li.menu01 a{
	background-position: -757px 0px;
}
#header  ul.menu_gender li.menu01 a:hover, #header  ul.menu_gender li.menu01 a.on{
	background-position: -757px -40px;
}
#header  ul.menu_gender li.menu02 a{
	background-position: -838px 0px;
}
#header  ul.menu_gender li.menu02 a:hover, #header  ul.menu_gender li.menu02 a.on{
	background-position: -838px -40px;
}
#header  ul.menu_gender li.menu03 a{
	background-position: -919px 0px;
}
#header  ul.menu_gender li.menu03 a:hover, #header  ul.menu_gender li.menu03 a.on{
	background-position: -919px -40px;
}

/*日付*/
.date {
	color: #666666;
	font-size: 9px;
	font-style: italic;
	float: left;
	line-height: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
}
.new {
	background-image: url(../image/icn_new.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 10px;
	width: 20px;
	float: left;
}
#contents {
	clear: both;
	padding-bottom: 25px;
}
#contents .ttl_category {
	color: #FFFFFF;
	background-color: #741c05;
	width: 700px;
	margin-bottom: 10px;
	padding-right: 25px;
	padding-left: 25px;
	font-size: 18px;
	line-height: 58px;
}

/*SNS*/
#contents .sns {
	clear: both;
}
#contents .sns li {
	float: left;
	padding-right: 5px;
}
#contents .sns li.tweet{
	width: 60px;
}
#contents .sns li.fb{
	width: 90px;
	overflow: hidden;
}
#contents .sns li.google{
	width: 65px;
}

/*タイトル*/
#ttl {
	padding-top: 40px;
	padding-bottom: 40px;
	width: 1000px;
	height: 35px;
	overflow: hidden;
}
/*タイトル　何もないとき*/
#contents #ttl h1.ttl_top {
	text-indent: -9999px;
	height: 35px;
	width: 210px;
	background-position: 395px 0px;
	padding-left: 395px;
	background-repeat: no-repeat;
}
/*タイトル　バックボタン付き*/
#contents #ttl h1.ttl_sub {
	height: 35px;
	width: 210px;
	float: left;
	text-indent: -9999px;
	background-position: 365px 0px;
	padding-left: 365px;
	background-repeat: no-repeat;
}
#contents #ttl .back {
	float: left;
	width: 30px;
	padding-top: 5px;
}
/*タイトル　ドロップダウンメニュー付き*/
#contents #ttl h1.ttl_view {
	text-indent: -9999px;
	height: 35px;
	width: 210px;
	float: left;
	background-repeat: no-repeat;
	padding-left: 395px;
	background-position: 395px 0px;
}
#contents #ttl .view_all {
	float: right;
	padding-top: 5px;
}
#contents #ttl .view_all li a.menu {
	display: block;
	width: 130px;
}
#contents #ttl .view_all .submenu {
	background-color: #741c05;
	position: absolute;
	visibility: hidden;
	z-index: 3;
	width: 130px;
	font-size: 10px;
	border-bottom:1px solid #fff;
}
#contents #ttl .view_all .submenu a{
	display: block;
	color: #fff;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#contents #ttl .view_all .submenu a:hover{
	color: #fff;
	background-color: #965443;
}

/*メイン　1カラム*/
#main_nocolumn {
	clear: both;
}
/*メイン　1カラム　背景白*/
#main_nocolumn_bg {
	background-color: #FFFFFF;
	width: 1000px;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
}
#main_nocolumn_bg .arrow_left,#main_nocolumn_bg .arrow_next{
	float: left;
	width: 130px;
	text-indent: -9999px;
}
#main_nocolumn_bg .arrow_left a,#main_nocolumn_bg .arrow_next a{
	height: 480px;
	width: 130px;
	display: block;
	background-image: url(../image/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
	text-indent: -9999px;
}
#main_nocolumn_bg .arrow_next a {
	background-image: url(../image/arrow_right.gif);
	background-position: 90px center;
}
#main_nocolumn_bg .rollover {
	float: left;
	width: 740px;
}
#main_nocolumn_bg .photo_l {
	float: left;
	width: 360px;
	padding-right: 60px;
	position: relative;
	height: 480px;
}
#main_nocolumn_bg .photo_l .rollover_view {
	position: absolute;
}
#main_nocolumn_bg .rollover_article {
	float: left;
	height: 480px;
	width: 320px;
	position: relative;
	padding-top: 20px;
}
#main_nocolumn_bg .rollover_article  .ttl {
	font-size: 18px;
	clear: both;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 20px;
	width: 320px;
}
#main_nocolumn_bg  .rollover_article .txt    {
	font-size: 11px;
	line-height: 20px;
	padding-bottom: 25px;
}
#main_nocolumn_bg .rollover_article .spec {
	padding-bottom: 20px;
}
#main_nocolumn_bg .rollover_article  .thumb {
	padding-top: 10px;
}
#main_nocolumn_bg .rollover_article  .thumb li {
	float: left;
	width: 90px;
	padding-right: 10px;
}
#main_nocolumn_bg .rollover_article  .sns {
	position: absolute;
	left: 0px;
	top: 460px;
}

/*メイン　2カラム以上*/
#main_column {
	float: left;
	width: 780px;
}
#main_column .article {
	background-color: #FFFFFF;
	color: #666666;
}
#main_column .article h2.ttl_article {
	clear: both;
	font-weight: bold;
	padding-bottom: 20px;
	color: #333333;
	padding-top: 10px;
	width: 460px;
}
#main_column .article .article_inner p {
	padding-bottom: 20px;
	line-height: 24px;
	font-size: 11px;
}
#main_column .item1 {
	width: 750px;
	padding-bottom: 10px;
}
/*右サイドカラム*/
#right_side {
	float: left;
	width: 220px;
}
#right_side .category {
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left: 25px;
	margin-bottom: 10px;
}
#right_side .category h2 {
	padding-bottom: 15px;
}
#right_side .category ul {
	font-size: 11px;
	line-height: 24px;
}
/*メイン　3カラム以上　左サイドカラム*/
#main_column #left_side {
	float: left;
	width: 220px;
	padding-right: 10px;
}
#left_side .category_left {
	background-color: #FFFFFF;
	padding: 15px;
	margin-bottom: 10px;
}
#left_side  ul.archive{
	clear: both;
	font-size: 10px;
}
#left_side ul.archive  li{
	padding-bottom: 10px;
}
#left_side ul.archive  li a {
	display: block;
	width: 190px;

}
#left_side ul.archive .date {
	float: none;
}
#main_3column {
	width: 540px;
	float: left;
	padding-right: 10px;
}
#main_3column .article {
	width: 500px;
	padding: 20px;
}
#main_3column .article h2.ttl_article {
	font-size: 20px;
	line-height: 24px;
	width: 500px;
}
#main_3column .article img {
}

/*トップへ戻る*/
#goto_top {
	height: 80px;
	width: 25px;
	position: fixed;
	right: 0px;
	bottom: 132px;
-moz-box-shadow: 0 1px 4px #000;
-webkit-box-shadow: 0 1px 4px #000;
}
/* IE6用 */
* html #goto_top{
  position: absolute;
  top:expression(eval(this.offsetParent.scrollTop + this.offsetParent.offsetHeight - this.offsetHeight - 136));
  right: 0px;
 }
 /* IE7用 */
*:first-child+html  #goto_top{
	bottom: 136px;
}
/*フッター*/
#footer {
	clear: both;
	border-top-width: 25px;
	border-top-style: solid;
	border-top-color: #741c05;
	min-width:1000px;
	width: expression(document.body.clientWidth < 1002? "1000px" : "auto");
}
#footer .footer_menu{
	background-color: #ffffff;
	margin-bottom: 1px;
}
#footer .footer_menu ul{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#footer .footer_menu ul li {
	float: left;
	line-height: 0px;
}
#footer .fotter_bottom {
	clear: both;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#footer .english_site {
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 35px;
}
#footer address {
	float: right;
	font-size: 10px;
	line-height: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 35px;
}