@charset "utf-8";

/* CSS 毎日コミュニケーション */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　ページ共有のスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ======================================================================================
 	デザインリセット
====================================================================================== */

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

body {
	color: #666;
	font-family:	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background: #fff;
}
	
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;
}

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

img,table { border: none;}

th, td, textarea { font-size: 12px; }

ol,ul {	list-style: none;}

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

img{ border: 0; vertical-align: bottom;	}


/* --------------------------------------------------------------------------------------
 	共通設定
--------------------------------------------------------------------------------------- */

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

a { overflow: hidden; text-decoration: none; }
a:link { color: #303030; }
a:visited { color: #303030; }
a:hover { color: #303030; text-decoration: underline; }




/* float解除 -------------------- */

.clear {
	overflow: hidden;
	display: block !important;
	display: inline-block;
}


/* ======================================================================================
 	レイアウト　　
====================================================================================== */


/* 中央部
--------------------------------------------------------------------------------------*/
#content {
	margin: 20px auto 0;
	padding-bottom: 25px;
	width: 800px;
	background: #fff;
}

/* ======================================================================================
 	#header
====================================================================================== */
.header_in {
	margin: 0 auto;
	width: 220px;
	height: 100px;
	text-align: center;
	position: relative;
}

/* サイトロゴ
--------------------------------------------------------------------------------------*/
.header_logo {

	float: center;

	position: absolute;

	top: 60px;
}
/* グローバルナビ
--------------------------------------------------------------------------------------*/

#global_navi { text-align: center; }

#global_navi a {
	display: block;
	height: 42px;
	width: 170px;
	padding-center: 20px;
	line-height: 50px;
	font-weight: bold;	
}

* html #global_navi a {	width: 200px;	} /* IE6のみ適用 */

#global_navi a:link {	text-decoration:none;	color:#663b00;}
#global_navi a:visited {	text-decoration:none;	color:#663b00;}
#global_navi a:hover {
	text-decoration:none;
	color:#663b00;
}

#global_navi .gn01 { background: url(../img/global_navi_bg01.png) no-repeat; }
#global_navi .gn02 { background: url(../img/global_navi_bg02.png) no-repeat; }
#global_navi .gn03 { background: url(../img/global_navi_bg03.png) no-repeat; }
#global_navi .gn04 { background: url(../img/global_navi_bg04.png) no-repeat; }

#global_navi .gn01 a:hover{ background: url(../img/global_navi_bg01_on.png) no-repeat; }
#global_navi .gn02 a:hover{ background: url(../img/global_navi_bg02_on.png) no-repeat; }
#global_navi .gn03 a:hover{ background: url(../img/global_navi_bg03_on.png) no-repeat; }
#global_navi .gn04 a:hover{ background: url(../img/global_navi_bg04_on.png) no-repeat; }

/* グローバルナビ2
--------------------------------------------------------------------------------------*/

#global_navi2 { text-align: center; }

#global_navi2 a {
	display: block;
	height: 155px;
	width: 155px;
	padding-center: 20px;
	line-height: 160px;
	font-weight: bold;
	float: center;
}

* html #global_navi2 a {	width: 200px;	} /* IE6のみ適用 */

#global_navi2 a:link {	text-decoration:none;	color:#663b00;}
#global_navi2 a:visited {	text-decoration:none;	color:#663b00;}
#global_navi2 a:hover {
	text-decoration:none;
	color:#663b00;
}

#global_navi2 .gn01 { background: url(../img/global_navi_bg01.png) no-repeat; }
#global_navi2 .gn02 { background: url(../img/global_navi_bg02.png) no-repeat; }
#global_navi2 .gn03 { background: url(../img/global_navi_bg03.png) no-repeat; }
#global_navi2 .gn04 { background: url(../img/global_navi_bg04.png) no-repeat; }

#global_navi2 .gn01 a:hover{ background: url(../img/global_navi_bg01_on.png) no-repeat; }
#global_navi2 .gn02 a:hover{ background: url(../img/global_navi_bg02_on.png) no-repeat; }
#global_navi2 .gn03 a:hover{ background: url(../img/global_navi_bg03_on.png) no-repeat; }
#global_navi2 .gn04 a:hover{ background: url(../img/global_navi_bg04_on.png) no-repeat; }


/* ======================================================================================
 	#footer
====================================================================================== */

/* コピーライト
--------------------------------------------------------------------------------------*/
#footer p.copyright {
	margin: 0 auto;
	width: 800px;
	color: #9f9f9f;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 10px;
	text-align: center;
	padding-top: 4px;
}

/* トリミング
--------------------------------------------------------------------------------------*/
.trimming {
 width: 60px;
 height: 60px;
 overflow: hidden;
 }