@charset "Shift_JIS";

/*===================================
★　CSS インフォーメーション　★
☆　下位階層ヘッダー＆フッター部分関連　☆

■１．共通部分
　●１-１　初期設定のリセット
　●１-２　汎用CLASS
　●１-３　ページトップボタン
	
■２．ヘッダー部分
　●２-１　ヘッダーレイアウト
　●２-２　ヘッダーボタン部分
　●２-３　グローバルナビ部分

■３．カテゴリータイトル部分

■４．フッター部分

■５．印刷設定

■６．文字サイズ設定

■７．リンク色設定

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

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

■１．共通部分

　●１-１　初期設定のリセット
　●１-２　汎用CLASS
	
===========================================

　●１-１　初期設定のリセット

=========================================*/
body {
	margin: 0;
	padding: 0;
	background-color: #fbf5e4;
	color: #333;
	font-size: 75%; /* IEに適用 */
	text-align: center;
	letter-spacing: 0;
}
body, body td, body th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
table {
	font-size: 100%;
}
html>/**/body {
  font-size: 12px; /* IE以外のブラウザ */

}

.ie.win body {
	padding: 0 0 0 1px;
}

.mac body {
	font-size: 72%;
}

.webkit body {
	font-size: 70%;
	font-family: sans-serif;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0;
}

br{
	letter-spacing: 0;
}
/*===========================================

　●１-２　汎用クラス

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

/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 1%;
	font-size: 0px;
	clear: both;
	background: none;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* except Mac IE5 \*/
*html .clearfix { height: 1%; }
.clearfix {display: block;}
/* end of Holly Hack */

/*通常のclear*/
.clear {
	clear: both;
}

/*clearfix　ハック未使用*/
.clearhidden {
	height: 0px;
	line-height: 0;
	font-size: 0;
	display: block;
	clear: both;
	visibility: hidden;
	background: none;
}

/*背景置換用*/
.pix {
	display: block;
	font-size: 5px;
	line-height: 1em;
	text-indent: -9999px;
}


.pageskip {
	visibility: hidden;
	display: none;
}

.displayskip {
	position: absolute;
	left: -2000px;
	width: 100px;
}


/*汎用スタイル設定*/
.colorbasic {
	color: #c00;/*赤色*/
}

.underline {
	text-decoration: underline;
}

.italic {
	font-style: italic;
}

.textbold {
	font-weight: bold;
}


/*TABLE設定*/
.tablebasic {/*テーブルに黒い枠線を表示させる*/
	border-collapse: collapse;
}
.tablebasic, tablebasic td, .tablebasic th {
	border-collapse: collapse;
	border-spacing: 0;
}
.tablebasic td, .tablebasic th {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #333;
}
.table-none td, .table-none th {/*入れ子のテーブルから枠線を消す*/
	border: none;
}


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

■２．ヘッダー部分
　●２-１　ヘッダーレイアウト
　●２-２　ヘッダーボタン部分
　●２-３　グローバルナビ部分

===========================================

　●２-１　ヘッダーレイアウト

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

#header-area h1,#header-area h2,#header-area h3,#header-area p,
#header-area ul,#header-area ol,#header-area li,#header-area dl,#header-area dt,#header-area dd,
#header-area form,#header-area fieldset,
#header-area button,
#header-area noscript {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#header-area ul,#header-area ol,#header-area li {
	list-style: none;
}


#header-area {
	margin: 0 auto;
	padding: 0;
	width: 768px;
}


#out-wrapper {
	position: relative;
	margin: 0 auto;
	width: 768px;
}



#header-area div#header-content {
	margin: 0 auto;
	padding-top: 2px;
	width: 778px;
}


#header-area div h1 {
	padding: 2px 0 2px 0;
}

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

　●２-２　ヘッダーボタン(文字サイズ可変ボタン)

=========================================*/
/*===========  文字サイズ可変ボタン  ===========*/

#header-area p#fontsize{
	position: absolute;
	top: 1px;
	right: 40px;
	width:110px;
	padding:0;
	text-align:left;
}
#header-area p#fontsizeS{
	position: absolute;
	top: 1px;
	right: 40px;
	width:110px;
	padding:0;
	text-align:left;
}

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

■３．カテゴリータイトル部分

　●３-１　タイトル名
　●３-２　本文
　●３-３　検索エリア
　●３-４　ぱんくずリスト
　●３-５　左メニュー

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

　●３-２　本文

=========================================*/
#inner-content-area {
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 778px;
	text-align: left;
}
#inner-content-area p {
	margin: 0;
	padding-bottom: 0.7em;
}


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

　●３-３　検索エリア

=========================================*/
#header-area form {
		margin: 0;
		padding: 0;
}

#header-area form div#saerch-inner-area {
	position: absolute;
	top: 5px;
	right: 15px;
	width: 165px;			/* 2012.01.23 MOD 160px → 165px */
	text-align: left;
}

input#searchText {
	margin: 0;
	padding: 0;
	width: 118px;
	height: 18px;
	border: 1px solid #999999;
	background-color: #efefef;
	color: #000000;
	font-size: 12px;
	vertical-align: top;
}

input#searchImg {
	padding: 0;
	margin: 0 0 0 2px;
	width: 40px;
	height: 18px;
	border: none;
	cursor: pointer;
	vertical-align: middle;
}

.ie.mac input#searchText {
	width: 117px;
	height: 18px;
	vertical-align: middle;
}


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

　●３-５　左メニュー

=========================================*/
#inner-content-right {
	width: 538px;
	float: right;
}

#inner-content-menu {
	width: 184px;
	float: left;
}

.content-menu-item {
	margin: 0 0 15px 0;
	padding: 0 0 4px 0;
	border-top: 1px solid #dedede;
	background: url(../images/content_menu_end.gif) no-repeat left bottom;
	width: 184px;
}

.ie .content-menu-item {
	padding: 0 0 10px 0;
}
.content-menu-item dl {
	margin: 0;
	padding: 0;
	background: url(../images/content_menu_bg.gif) repeat-y;
}
.content-menu-item dt {
	margin: 0;
	padding: 0 0 0 1px;
}
.content-menu-item dd {
	margin: 5px 6px 6px 6px;
	padding: 0;
}
.content-menu-item ul {
	margin: 0 0 0 8px;
	padding: 0;
}
.content-menu-item li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.content-menu-item ul li ul {
	margin: 0 0 0 8px;
	padding: 0;
}
.content-menu-item li ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.content-menu-item dd a {
	display: block;
	background-repeat: no-repeat;
	background-position: 3px 0.35em;
	margin: 0;
	padding: 2px 0 2px 16px;
	line-height: 1.3;
	letter-spacing: 0;
}
.content-menu-item dd a:hover, 
.content-menu-item dd a.activ-menu {
	color: #ffffff;
	text-decoration: none;
}

.content-menu-item ul li a {
	display: block;
	margin: 0;
	padding: 4px 0 2px 15px;
	background-repeat: no-repeat;
	background-position: 3px 0.6em;
	line-height: 1.3;
	color: #666;
}
.ie .content-menu-item ul li a {
	padding: 2px 0 2px 15px;
}
.content-menu-item ul li a:hover {
	color: #fff;
}
.content-menu-item ul li a.activ-menu {
	color: #666;
}
.content-menu-item ul li ul {
	padding-bottom: 7px;
}
.content-menu-item ul li ul li a {
	display: block;
	margin: 0;
	padding: 4px 0 2px 15px;
	background-image: url(../images/menu_icon_3rd.gif);
	background-repeat: no-repeat;
	background-position: 4px 0.6em;
	line-height: 1.2;
	font-size: 90%;
	color: #666;
}
.ie .content-menu-item ul li ul li a {
	padding: 2px 0 2px 15px;
}
.content-menu-item ul li ul li a:hover {
	background-image: url(../images/menu_icon_3rd_o.gif);
	color: #fff;
}
.content-menu-item ul li ul li a.activ-menu {
	background-image: url(../images/menu_icon_3rd.gif);
	color: #666;
}

/**リンクなし項目用**/
.content-menu-item ul li.item-menu {
	padding: 4px 0 2px 15px;
	background-repeat: no-repeat;
	background-position: 3px 6px;
	line-height: 1.3;
	color: #666;

}
.ie .content-menu-item ul li.item-menu {
	padding: 2px 0 3px 15px;
}

.content-menu-item ul li.item-menu ul {
	margin-top: 2px;
	margin-left: -8px;
}
.content-menu-item dd.item-menu {
	display: block;
	background-repeat: no-repeat;
	background-position: 3px 11px;
	padding: 9px 0 2px 16px;
	line-height: 1.3;
	letter-spacing: 0;
}
.content-menu-item dd.item-menu ul {
	margin-top: 2px;
	margin-left: -8px;
}

/**リンクの区切り線**/
.content-menu-item .menuborder {
	margin-top: 0.5em;
	padding-top: 0.6em;
	border-top: 1px dashed #ccc;
}

#inner-content-menu .content-menu-item-Title {
	margin: 0 0 15px 0;
}

#inner-content-menu .content-menu-item-Title p {
	border: 1px solid #dedede;
	margin: 0 0 4px 0;
	padding: 0;
}

#inner-content-menu .content-menu-item-Title2 {
	margin: 40px 0 15px 0;
}

#inner-content-menu .content-menu-item-Title2 p {
	margin: 0 0 4px 0;
	padding: 0;
}

/**他カテゴリ色の展開メニュ−（画像のみ）用**/
#inner-content-menu #menu-others dd a{
padding-left: 3px;
background-color: #fff;
}

#inner-content-menu #menu-others dd a:hover {
background-color: #fff;
}

/*#inner-content-menu .inner-content-menu2 {
	padding: 10px 0 10px 0;
	width: 184px;
}*/


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

■４．フッター部分

=========================================*/
#footer-area {
	float: left;			/* 2012.02.23 ADD */
	margin-left: 5px;
	padding: 0;
	width: 778px;
}

#footer-area p#footer-copy {
	float: left;
}
#footer-area ul {
	clear: both;
	padding: 0;
	text-align: left;
}

#footer-area li {
	display: inline;
	margin: 0;
	padding: 0;
}
#footer-area a{
	text-decoration: none;
	color: #4E4628;
	font-weight: bold;
}


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

■５．印刷設定

=========================================*/
@media print {

#header-list {
	float: left;
	width: 365px;
}

.opera body {
	background-image: none;
}

.gecko body {
	background: none;
}

.gecko #out-wrapper {
	background-image: none;
}

#inner-content-area {
	background-image: none;
}

.outwindow, .outpdf, .outword, .outexcel, .outpowerpoint {
	height: 100%;
	margin-right: 0px;
	padding-right: 0px;
	line-height: 1.5;
	background-image: none;
}

.noprintdata {
	display: none;
}


}



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

■６．文字サイズ設定


.baseText1(12px相当) と.baseText2(14px相当) は、
#inner-content-areaに設定する基本テキストサイズ

=========================================*/
.baseText1 {
	line-height: 1.55;
	font-size: 12px;
	letter-spacing: 0.1em;
}

.baseText2 {
	line-height: 1.4;
	font-size: 120%;
	letter-spacing: 0.1em;
}

.mac.gecko .baseText1 {
	font-size: 120%;
}

.mac.gecko .baseText2 {
	font-size: 140%;
}


table {
	line-height: 1.55;
	letter-spacing: 0.1em;
}

.baseText1 .smallText1 {
	line-height: 1.55;
	font-size: 84%;
}
.baseText1 .smallText2 {
	line-height: 1.55;
	font-size: 76%;
}

.baseText1 .tallText1 {
	line-height: 1.4;
	font-size: 128%;
}
.baseText1 .tallText2 {
	line-height: 1.4;
	font-size: 150%;
}

.baseText2 .smallText1 {
	line-height: 1.4;
	font-size: 84%;
}
.baseText2 .smallText2 {
	font-size: 76%;
}
.baseText2 .smallText2 {
	line-height: 1.4;
	font-size: 76%;
}

.baseText2 .tallText1 {
	line-height: 1.4;
	font-size: 123%;
}
.baseText2 .tallText2 {
	line-height: 1.4;
	font-size: 155%;
}

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

■７．リンク色設定

=========================================*/
a {
	color: #36f;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}