@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 author     :yourName (admin)
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、リンクカラー、レイアウト、横幅設定など
 
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラー、レイアウト、横幅設定など
----------------------------------------------------*/

body {
	color: #666;
	font-size: 75%;
	font-family: "ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
	line-height: 1.6;
}

* + html body {
	font-family: "メイリオ","Meiryo";
}

#wrapper {
	min-height:100%;
	height:auto !important;
	height:100%;
}

p {
	text-align: justify;
	text-justify: distribute; 
}

em {
	font-style:normal;
	font-weight:bold;
}


/*----------------------------------------------------
	Link
----------------------------------------------------*/

a:link {
	text-decoration: none;
	color: #666666;
}

a:visited {
	text-decoration: none;
	color: #666666;
}

a:hover {
	text-decoration: underline;
	color: #8ec31f;
}

a:active {
	text-decoration: none;
}

a:focus{
	outline:none;
}

a.current {
	color: #666666;
}

#index a:link {
	text-decoration: none;
	color:#999999;
}

#index a:visited {
	text-decoration: none;
	color:#999999;
}

#index a:hover {
	text-decoration: underline;
	color:#e4007f;
}

#index a:active {
	text-decoration: none;
}

#index a:focus{
	outline:none;
}

#index a.current {
	color:#3978de;
}

.other a:link {
	text-decoration: none;
	color:#999999;
}

.other a:visited {
	text-decoration: none;
	color:#999999;
}

.other a:hover {
	text-decoration: underline;
	color:#e4007f;
}

.other a:active {
	text-decoration: none;
}

.other a:focus{
	outline:none;
}

.other a.current {
	outline:none;
}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/


/*----------------------------------------------------
	#contents_area
		全体コンテンツエリア
----------------------------------------------------*/

#contents_area {
	margin:0 auto;
	text-align:left;	
	width:940px;
	padding:0 10px 30px 10px;
	position:relative;
}

#main_contents_area {
	margin:12px 0 0 0;
	clear:both;
}

#main_title {
	margin:0 0 25px 0;
	display:block;
}

#main_title_min {
	margin:0 0 15px 0;
	display:block;
}


/*----------------------------------------------------
	#duck
		アヒルコメント
----------------------------------------------------*/
#duck {
	position:absolute;
	left:0;
	bottom:0;
}

#duck object {
	width:200px;
	height:180px;
	outline:none;
}

#duck_right {
	position:absolute;
	right:17px;
	bottom:35px;
}

/*----------------------------------------------------
	#back_to_top
		ページの先頭へ戻るボタン
----------------------------------------------------*/

#back_to_top {
	position:absolute;
	right:0;
	bottom:0;
}


.back_to_top_min{
	width:35px;
	height:25px;
	text-indent:-9999px;
	float:right;
}

.back_to_top_min a {
	display:block;
	width:35px;
	height:25px;
	background:url(../img/share/back_to_top_min.gif) no-repeat;
}

.back_to_top_min a:hover {
	background:url(../img/share/back_to_top_min_on.gif) no-repeat;
}

/* -----------------------------------------------------------
	#local_navi
		サイドバー、サブ
----------------------------------------------------------- */
#local_navi {
	width:210px;
	float:left;
}

#navi_title {
	margin:0 0 8px 0;
}

/* -----------------------------------------------------------
	#quick_link
		クイックリンク
----------------------------------------------------------- */
#quick_link {
	width:205px;
	float:right;
}


#quick_link li {
	margin:0 0 12px 0;
}
#quick_link_title {
	margin:0 0 15px 0;
}

/* -----------------------------------------------------------
	#topic_path
		パンくずリスト
----------------------------------------------------------- */
#topic_path {
	height:15px;
}

#topic_path li {
	float:left;
	background:url(../img/share/link_icon_arrow.gif) no-repeat 0 6px;
	padding:0 0 0 10px;
	margin:0 10px 0 0;
	font-size:85%;
}

/* -----------------------------------------------------------
	#2column_contents
		2カラムコンテンツ
----------------------------------------------------------- */
#two_column_contents {
	margin:0 0 0 20px;
	width:700px;
	float:left;
	text-align:left;
}

/* -----------------------------------------------------------
	#3column_contents
		3カラムコンテンツ
----------------------------------------------------------- */
#three_column_contents {
	margin:0 0 0 20px;
	width:485px;
	float:left;
	text-align:left;
}

/* -----------------------------------------------------------
	#font_size
		汎用フォントサイズ
----------------------------------------------------------- */

.font_bold {
	font-weight:bold;
}

.font_bold-red {
	font-weight:bold;
	color:#d90000;
}

.font_16px_bold {
	font-size:136%;
	font-weight:bold;
}

/* -----------------------------------------------------------
	#color_area
		汎用 kaze / mori カラー
----------------------------------------------------------- */

.color_kaze {
	color:#52c3f1;
}

.color_mori {
	color:#8ec31f;
}

.color_outlet {
    color:#00AA8D;
}