@charset "utf-8";

/* ===================================================================
 ファイル情報 :サイト共通部分
 
 
 スタイルシートの構成
 基本設定、リンクカラー、レイアウト、横幅設定など
 汎用class
 #navSkip
 #container
  #contents
   #main
   #sub

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

/*----------------------------------------------------
	基本設定、リンクカラー、レイアウト、横幅設定など
----------------------------------------------------*/
body {
	font-size: 75%;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
	background-image:url(../image/share/back_color.gif);
}

a:link {
}

a:visited {
}

a:hover {
	text-decoration: none;
}

a:active {
}

#contents .pageTop {
	text-align: right;
	margin-right: 18px;
	clear: both;
	padding-top: 11px;
}

/* 下にある画像との隙間をなくすためのCSS */
.t_img {
	vertical-align:text-top;
	vertical-align:top;
}

/* 上にある画像との隙間をなくすためのCSS */
.b_img {
	vertical-align:text-bottom;
	vertical-align:bottom;
}

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
/*
	clearfix
*/
#hoge:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/*----------------------------------------------------
	#navSkip (NavigationSkip)
----------------------------------------------------*/
span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}


/*----------------------------------------------------
	#container
----------------------------------------------------*/
#container {
	margin: 0 auto;
	text-align: left;
	width: 100%;
}


/*----------------------------------------------------
	#contents関連
	
	
----------------------------------------------------*/
#contents {
	width: 820px;
	float: left;
	background-image: url(../image/top/contents_back.gif);
}

/*----------------------------------------------------
	トップページ
----------------------------------------------------*/
/*#contents_back(コンテンツの背景画像)
	左のグラデーションとコンテンツ内右側の花などの背景挿入*************/

#contents_back {
	width: 820px;
	float: left;
	background:url(../image/top/contents_back2.gif);
	background-repeat:no-repeat;
}

/* #contents_in(コンテンツ内容を入れるところ) *********************/
#contents_in {
	width: 780px;
	float: left;
	padding-left:23px;
	padding-bottom: 15px;
	position: relative;
}

/*----------------------------------------------------
	サブページ#contents関連
----------------------------------------------------*/
/* #contents_back(コンテンツの背景画像) 
	左グラデーションがトップとは違う画像のため*************/
#s_contents_back {
	width: 820px;
	float: left;
	background:url(../image/sub_temp/contents_back.jpg);
	background-repeat:no-repeat;
}

/* #contents_back_bottom(コンテンツ下の花の背景画像) 
	サブページコンテンツの右下に常に表示させる*************/
#s_contents_back_bottom {
	width: 803px;
	float: left;
	background-repeat:no-repeat;
	background-image: url(../comm_img/bg_main02.jpg);
	background-position: right bottom;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

/* #s_contents_in(コンテンツ内容を入れるところ) *********************/
#s_contents_in {
	width: 780px;
	float: left;
	padding-left:23px;
	position: relative;
}