@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　テンプレート用基本スタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------------------------------------------------------------------------------
 共通設定
--------------------------------------------------------------------------------------- */

/* 基本タグ -------------------- */

* { margin: 0px ; padding: 0px ; font-style:normal; } 

body { font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:center;
	background: #FFF url(../images/template/bg.gif) repeat-x left top;
}

h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}

/* body,div,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label { margin: 0px; padding: 0px; } */

img,table { border: none;}

ol,ul {	list-style: none;}

address,em,cite { font-style: normal;}

a { overflow: hidden;}

/* リンクカラー -------------------- */

a:link    { color: #003399; text-decoration: none; }
a:visited { color: #003399; text-decoration: none; }
a:active  { color: #003399; text-decoration: none; }
a:hover   { color: #003399; text-decoration: underline; }


/* テキストカラー -------------------- */

.txtRed    { color: #AE0000; }
.txtPink   { color: #FF0066; }
.txtBlue   { color: #003366; }
.txtGreen  { color: #336666; }
.txtOrange { color: #FF6600; }
.txtBrown  { color: #504030; }
.txtGray   { color: #666666; }


/* テキストサイズ -------------------- */

.fontS12 { font-size: 120% ;}
.fontS14 { font-size: 140% ;}
.fontS16 { font-size: 160% ;}


/* 背景カラー -------------------- */

.bgPink   { background: #CC3366; }
.bgBlue   { background: #C1E0FF; }
.bgGreen  { background: #339966; }
.bgOrange { background: #FF6600; }


/* マージン・余白 -------------------- */

.mgT05 { margin-top: 5px; }
.mgT10 { margin-top: 10px; }
.mgT15 { margin-top: 15px; } /* ADD */
.mgT20 { margin-top: 20px; }
.mgT25 { margin-top: 25px; }
.mgT30 { margin-top: 30px; }

.mgL05 { margin-left: 5px; }
.mgL10 { margin-left: 10px; }
.mgL20 { margin-left: 20px; }

.mgR05 { margin-right: 5px; }
.mgR10 { margin-right: 10px; }
.mgR20 { margin-right: 20px; }


/* インデント -------------------- */

.indent { text-indent: -1em; padding-left: 1em; display: block; }


/* 
 フロート解除
------------------------------------------------------ */

.clear  { clear: both; font-size: 0px; line-height: 0px;}

.clearfix:after { content:""; display:block; clear:both; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%;}
.clearfix { display:block;}


/* --------------------------------------------------------------------------------------
 レイアウト
--------------------------------------------------------------------------------------- */

#wrapper {
	width: 920px; /* 900px */
	margin-right: auto;
	margin-left: auto;
	background: #FFF;
}

/* #main { padding: 20px; text-align: left; } */
#main { padding: 20px 0; text-align: left; }

#rightColumn {
	float: right;
	width: 235px;
	margin-left: 10px;
}

#rightColumn { /* display: none; */ }

.columnBox { background: #FFFFFF; padding: 3px 3px 10px; margin-top: 10px; text-align: left; }
.columnBox a { display: block; overflow: visible; cursor: hand; }
.columnBox a .photoImg { padding: 1px; border: 1px solid #FFFFFF; }
.columnBox a:hover .photoImg { border: 1px solid #FDA2AD; }
.columnBox a:hover           { text-decoration:none; color:#FDA2AD; }

.columnBox span {
	display: block;
	width: 195px;
	font-size: 10px;
	margin-right: 7px;
	margin-left: 7px;
	line-height: 1.4em;
	padding-top: 8px;
}
.columnBox span img { display: block; margin-bottom: 8px; }

#mnavi {
	font-size: 12px;
	width: 235px;
	float: left;
}
#mnavi li {
	width: 235px;
	display: block;
	text-align: left;
}

.mnaviHead01 {
	height: 46px;
	background: url(../images/template/navi_special.gif) no-repeat;
	margin-bottom: 1px;
	text-indent: -9999px;
}
.mnaviHead02 {
	height: 46px;
	background: url(../images/template/navi_link.gif) no-repeat;
	margin-top: 1px;
	margin-bottom: 1px;
	text-indent: -9999px;
}

.mnavi01 { height: 42px; background: url(../images/template/snavi_bg.jpg); border-top: 1px solid #E6E6E6;}
.mnavi02 { height: 42px; background: url(../images/template/snavi_bg.jpg);}
.mnavi03 { height: 42px; background: url(../images/template/snavi_bg.jpg);}
.mnavi04 { height: 42px; background: url(../images/template/snavi_bg.jpg);}
.mnavi05 { height: 42px; background: url(../images/template/snavi_bg.jpg);}
.mnavi06 { height: 42px; background: url(../images/template/snavi_bg.jpg);}
.mnavi07 { height: 42px; background: url(../images/template/snavi_bg.jpg);}
.mnavi08 { height: 42px; background: url(../images/template/snavi_bg.jpg);}
.mnavi09 { height: 41px; background: url(../images/template/snavi_bg.jpg);}
.mnavi10 { height: 42px; background: url(../images/template/snavi_bg.jpg); border-top: 1px solid #E6E6E6;}
.mnavi11 { height: 42px; background: url(../images/template/snavi_bg.jpg);}
.mnavi12 { height: 42px; background: url(../images/template/snavi_bg.jpg);}
.mnavi13 { height: 42px; background: url(../images/template/snavi_bg.jpg);}
.mnavi14 { height: 41px; background: url(../images/template/snavi_bg.jpg); margin-bottom: 10px;}

#mnavi li a { display: block; padding-left: 35px; }

.mnavi01 a { height: 29px;	padding-top: 13px;}
.mnavi02 a { height: 29px;	padding-top: 13px;}
.mnavi03 a { height: 29px;	padding-top: 13px;}
.mnavi04 a { height: 29px;	padding-top: 13px;}
.mnavi05 a { height: 28px;	padding-top: 13px;}
.mnavi06 a { height: 29px;	padding-top: 13px;}
.mnavi07 a { height: 29px;	padding-top: 13px;}
.mnavi08 a { height: 28px;	padding-top: 13px;}
.mnavi09 a { height: 28px;	padding-top: 13px;}
.mnavi10 a { height: 29px;	padding-top: 13px;}
.mnavi11 a { height: 29px;	padding-top: 13px;}
.mnavi12 a { height: 29px;	padding-top: 13px;}
.mnavi13 a { height: 29px;	padding-top: 13px;}
.mnavi14 a { height: 28px;	padding-top: 13px;}

* html .mnavi01 a {	height: 42px;	padding-top: 13px;}
* html .mnavi02 a { height: 42px;	padding-top: 13px;}
* html .mnavi03 a { height: 42px;	padding-top: 13px;}
* html .mnavi04 a { height: 42px;	padding-top: 13px;}
* html .mnavi05 a { height: 41px;	padding-top: 13px;}
* html .mnavi06 a { height: 42px;	padding-top: 13px;}
* html .mnavi07 a { height: 42px;	padding-top: 13px;}
* html .mnavi08 a { height: 41px;	padding-top: 13px;}
* html .mnavi09 a { height: 41px;	padding-top: 13px;}
* html .mnavi10 a { height: 42px;	padding-top: 13px;}
* html .mnavi11 a { height: 42px;	padding-top: 13px;}
* html .mnavi12 a { height: 42px;	padding-top: 13px;}
* html .mnavi13 a { height: 42px;	padding-top: 13px;}
* html .mnavi14 a { height: 41px;	padding-top: 13px;}

#mnavi li a:link    { text-decoration:none;	color:#333333;}
#mnavi li a:visited { text-decoration:none;	color:#333333;}
#mnavi li a:hover   { background: url(../images/template/snavi_bg_on.jpg) no-repeat; }

.mnaviBanner { clear: both; }
.mnaviBanner a img { padding: 1px; border: 1px solid #999999; }
.mnaviBanner a:hover img {	border: 1px solid #FDA2AD;}

#leftColumn {
	float: left;
	width: 640px;
	text-align: center;
}

#pankuzu {
	text-align: left;
	width: 600px;
	padding-bottom: 7px;
}
#pankuzu li {
	font-size: 10px;
	display: inline;
	padding-right: 4px;
	line-height: 10px;
}


/* --------------------------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------------------- */

h1 {
	position: absolute;
	top: 0px;
	left: 0px;
}

h1 a { display: block; height: 79px; width: 161px; }

.h1Category { background: url(../images/template/logo.gif) no-repeat; text-indent: -9999px; }

#header {
	width: 920px; /* 900px */
	height: 82px; /* 183px */
	background: url(../images/template/head_bg.gif) no-repeat left top;
	position: relative;
}

#header .htxt01 {
	position: absolute;
	top: 11px;/* 51px */
	left: 161px;
}

#hnavi {
	position: absolute;
	right: 10px;
	top: 51px;
}

#Gsearch {
	position: absolute;
	top: 15px;
	right: 10px;
	text-align: right;
}

#Gsearch ul {
	margin: 0px;
	padding: 0px;
}
#Gsearch li {
	display: inline;
	margin: 0px;
}

#Gsearch .area {
	width: 186px;
	height: 20px;
	vertical-align: top;
	margin: 1px 0 0 0;
	border: 1px solid #FB6477;
}
* html #Gsearch .area {	height: 22px;	margin: 0px;}
*:first-child+html #Gsearch .area {	height: 20px;	margin: 0px;}

#hnavi li {
	background: url(../images/template/ico01.gif) no-repeat left center;
	display: inline;
	padding-left: 15px; /* 20px */
	margin-left: 10px;
}
#hnavi li a         { color: #333; text-decoration: underline ; }
#hnavi li a:visited { color: #333; text-decoration: underline; }
#hnavi li a:hover   { color: #666; text-decoration: none; }


/* --------------------------------------------------------------------------------------
 フッター
--------------------------------------------------------------------------------------- */

#footer .pagetop {
	position: absolute;
	top: -22px;
	right: 0px;
	height: 21px;
	width: 200px;
	background: url(../images/template/pagetop.gif) no-repeat;
}

#footer .pagetop a {
	height: 21px;
	display: block;
	text-indent: -9999px;
}

#footer .pagetop a:hover {
	background: url(../images/template/pagetop_over.gif) no-repeat;
}

#footer {
	width: 920px; /* 900px */
	clear: both;
	text-align: center;
	padding: 10px 0 35px 0;
	line-height: 1.4em;
	/* border-top: 2px solid #EEE; */
	position: relative;
}

#footer li { color:#666; display: inline; font-size: 10px; }
#footer li a:link    {	text-decoration:underline; color:#666; }
#footer li a:visited {	text-decoration:underline; color:#666; }
#footer li a:hover   {	text-decoration:none; color:#999; }

.copyright {
	color:#666;
	text-align: left;
	width: 660px; /* 607px */
	padding: 5px 0 0 0;
	margin: 0px auto;
}
.copyright a:link    {	text-decoration:none; color:#666; }
.copyright a:visited {	text-decoration:none; color:#666; }
.copyright a:hover   {	text-decoration:none; color:#999; }

.copyright img { float: left; margin: 0 25px 0 0; } /* 未使用 */

.VLlink a {
	display: block;
	float: left;
	height: 80px;
	width: 175px;
	margin-right: 25px;
	text-indent: -9999px;
}
.VLlink_logo { background: url(../images/template/flogo.gif) no-repeat; }
a:hover.VLlink_logo { background: url(../images/template/flogo_over.gif) no-repeat; }


/* --------------------------------------------------------------------------------------
 左カラム
--------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------
 中央カラム
--------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------
 移動ナビ
--------------------------------------------------------------------------------------- */

/* 前後ボタン -------------------- */

.commmonLink {
	width: 577px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	font-size: 10px;
	height: 15px;
	margin-top: 30px;
}

.commmonLink li {
	padding-left: 19px;
	height: 15px;
	display: block;
	float: right;
}

.beforePage {
	background: url(../images/icon01.gif) no-repeat left top;
	padding-right: 15px;
}

.topPage {
	float: right;
	background: url(../images/icon02.gif) no-repeat left top;
}

/* 前号・次号ボタン -------------------- */

.linkRelate { float: right; width: 436px; margin-top: 10px; }
.linkRelate li { line-height: 1.2; }
.linkRelate a {
	display: block;
	float: left;
	height: 25px;
	width: 120px;
	margin-right: 2px;
	text-indent: -9999px;
}

.btnPrevious { background: url(../images/btn_previous.gif) no-repeat; }
.btnNext { background: url(../images/btn_next.gif) no-repeat; }
a:hover.btnPrevious { background: url(../images/btn_previous_over.gif) no-repeat; }
a:hover.btnNext { background: url(../images/btn_next_over.gif) no-repeat; }


/* --------------------------------------------------------------------------------------
 プリロードイメージ
--------------------------------------------------------------------------------------- */

#image-preload{
	width: 0px;
	height: 0px;
	display: inline;
	background-image:url(../images/template/pagetop_over.gif);
	background-image:url(../images/template/flogo_over.gif);
	background-image:url(../images/template/navi_link.gif);
	background-image:url(../images/template/navi_special.gif);
	background-image:url(../images/template/snavi_bg.jpg);
	background-image:url(../images/template/snavi_bg_on.jpg);
}