@charset "utf-8";
/* ############################################ */
/* サイト共通css(ベース：Windows ie8 ) */
/* ############################################ */
/* ユニバーサル */
* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  Verdana, Geneva,sans-serif;
	font-size: 12px;
	color:#666;
	text-align: left;
	background-color:#e6e6e6;
	margin: 0px 0px 0px 0px;
}
/* ############################################ */
/* レイアウト*/
/* ############################################ */
/* ------------------------- */
/* 共通 */
/* ------------------------- */
#container_top,
#container_pageimage,
#container_navi,
#container_contents_top,
#container_contents_main,
#container_contents_bottom,
#container_bottom{
	width:auto;
	background-color:#e6e6e6;
}
#top_header_area,
#pageimage_area,
#navi_area,
#contents_top,
#contents_main,
#contents_bottom,
#bottom_footer_area{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
/* ------------------------- */
/* 最上枠 */
/* ------------------------- */
#top_header_area{
	height:48px;
	background-image:url(../image/background/container_top.png);
}
/* ロゴ・タイトル */
#top_title{
	float:left;
	margin-left:32px;
	width:600px;
	height:48px;
}
/* 上部ナビゲーション */
#top_navi{
	float:right;
	margin-right:16px;
	width:312px;
	height:48px;
}
/* ページイメージ */
#pageimage_area{
	width:904px;
	height:272px;
	padding:8px 0px 0px 56px;
	background-image:url(../image/background/container_pageimage.png);
}
#pageimage_area div.pageimage{
	width:864px;
	height:240px;
	background-color:#fafafa;
}
/* ------------------------- */
/* メインナビゲーション枠 */
/* ------------------------- */
#navi_area{
	height:40px;
	background-image: url(../image/background/container_navi.png);
}
/* ------------------------- */
/* コンテンツ枠 */
/* ------------------------- */
/*上段 */
#container_contents_top{
	background-image: url(../image/background/container_contents_top.png);
}
#contents_top{
	height:80px;
	background-image: url(../image/background/contents_top.png);
}
/* メイン */
#container_contents_main{
	background-image: url(../image/background/container_contents_main.png);
	background-repeat: repeat-y;
}
#contents_main{
	background-image: url(../image/background/contents_main.png);
	background-repeat: repeat;
}
/* 下段 */
#container_contents_bottom{
	background-image: url(../image/background/container_contents_bottom.png);
}
#contents_bottom{
	height:48px;
	background-image: url(../image/background/contents_bottom.png);
}
/* メイン：左側 */
#contents_left{
	float:left;
	width:648px;
	margin-left:32px;
	padding-top:20px;
}
/* メイン：右側 */
#contents_right{
	float:right;
	width:264px;
	margin-right:16px;
}
/* メイン：中央 */
#contents_center{
	float:left;
	width:288px;
}
/* ------------------------- */
/* 最下枠 */
/* ------------------------- */
#bottom_footer_area{
	height:128px;
	background-image: url(../image/background/container_bottom.png);
}
/* ############################################ */
/* レイアウトパーツ*/
/* ############################################ */
/* ================================ */
/* パーツ：最上枠 */
/* ================================ */
/* ------------------------- */
/* サイトキャッチコピー */
/* ------------------------- */
#top_title p{
	text-align:left;
	font-size: 12px;
	margin-top:24px;
	margin-left:212px;
}
/* ------------------------- */
/* TOPナビ・アンカー */
/* ------------------------- */
#top_navi div,
#top_navi a,
#top_navi span{
	display:block;
	width: 96px;
	height: 40px;
}
#top_navi div{
	float:left;
}
#top_navi span {
	position:relative;
	z-index:-1;
	font-size:10px;
}
#top_navi a{
	background-image: url(../image/navi/top_navi_a.png);
}
#top_navi a:hover{
	background-image: url(../image/navi/top_navi_hover.png);
}
#top_navi a.tn01{
	background-position:0px 0px;
}
#top_navi a.tn02{
	background-position:-96px 0px;
}
#top_navi a.tn03{
	background-position:-192px 0px;
}
/* ================================ */
/* パーツ：メインナビ枠 */
/* ================================ */
/* ------------------------- */
/* メインナビ・アンカー*/
/* ------------------------- */
#main_navi{
	width: 864px;
	height: 40px;
	margin: 0px 0px 0px 56px;
}
#main_navi div,
#main_navi a,
#main_navi span{
	display:block;
	width: 96px;
	height: 40px;
}
#main_navi div{
	float:left;
}
#main_navi span {
	position:relative;
	z-index:-1;
	font-size:10px;
}
#main_navi a{
	background-image: url(../image/navi/main_navi_a.png);
}
#main_navi a:hover{
	background-image: url(../image/navi/main_navi_hover.png);
}
#main_navi a.mn01{
	background-position:0px 0px;
}
#main_navi a.mn02{
	background-position:-96px 0px;
}
#main_navi a.mn03{
	background-position:-192px 0px;
}
#main_navi a.mn04{
	background-position:-288px 0px;
}
#main_navi a.mn05{
	background-position:-384px 0px;
}
#main_navi a.mn06{
	background-position:-480px 0px;
}
#main_navi a.mn07{
	background-position:-576px 0px;
}
#main_navi a.mn08{
	background-position:-672px 0px;
}
#main_navi a.mn09{
	background-position:-768px 0px;
}
/* ================================ */
/* パーツ：コンテンツ枠：左側に配置 */
/* ================================ */
/* ------------------------- */
/* [h3] 段落見出し */
/* ------------------------- */
#contents_left h3{
	width:568px;
	height:40px;
	margin-top:16px;
	margin-bottom:4px;
	margin-left:80px;
}
#contents_left h3 span{
	display:block;
	width:568px;
	height:40px;
	position:relative;
	z-index:-1;
	font-size:8px;
}
/* ------------------------- */
/* [h4] 段落見出し */
/* ------------------------- */
#contents_left h4{
	width:568px;
	height:38px;
	padding-top:10px;
	padding-left:28px;
	margin-top:8px;
	margin-bottom:4px;
	margin-left:80px;
}
#contents_left h4 span{
	width:568px;
	height:30px;
	position:relative;
	font-size:14px;
}
/* ------------------------- */
/* [a] ポストイット小 */
/* ------------------------- */
#contents_left a#post-it-min{
	display:block;
	width:264px;
	height:40px;
	margin-top:16px;
	margin-left:100px;
}
#contents_left a#post-it-min span{
	display:block;
	position:relative;
	z-index:-1;
	font-size:8px;
}
/* ------------------------- */
/* [p] 本文 */
/* ------------------------- */
#contents_left p{
	width:500px;
	margin-top:0px;
	margin-left:88px;
	font-size:13px;
	line-height:32px;
}
/* ------------------------- */
/*イメージエリア */
/* ------------------------- */
#contents_left #img_area{
	width:560px;
	margin-top:16px;
	margin-bottom:16px;
	margin-left:80px;
	padding-left:8px;
}
#contents_left #img_area div.img_box{
	/* 256x196 */
	float:left;
	width:244px;
	height:184px;
	padding:6px;
	margin:0px 16px 8px 0px;
	background-image:url(../image/parts/img_box.png);
}
#contents_left #img_area img,
#contents_left #img_area a{
	padding:0px;
	margin:0px;
	border-width:0px;
}
/* ------------------------- */
/* [div] 分割線 */
/* ------------------------- */
div#left_line{
	width:568px;
	height:8px;
	margin: 4px 0px 4px 84px;
}
/* ================================ */
/* パーツ：コンテンツ枠：右側に配置 */
/* ================================ */
/* ------------------------- */
/* [h5] 段落見出し */
/* ------------------------- */
#contents_right h5{
	width:264px;
	height:40px;
}
#contents_right h5 span{
	width:264px;
	position:relative;
	z-index:-1;
	font-size:8px;
}
/* ------------------------- */
/* [p] 文章 */
/* ------------------------- */
#contents_right p{
	font-size:11px;
	line-height:22px;
	margin-left:24px;
	margin-right:36px;
}
/* ------------------------- */
/* [div] 分割線 */
/* ------------------------- */
div#right_line{
	width:264px;
	height:16px;
	margin: 0px 0px 0px 0px;
}
/* ------------------------- */
/*[a] リンク用 */
/* ------------------------- */
#contents_right a#link{
	display:block;
	width:200px;
	height:22px;
	margin-left:24px;
	margin-right:40px;
	padding-top:2px;
	text-decoration:none;
	color:#666;
}
#contents_right a#link:hover{
	text-decoration:underline;
	color:#F66;
}
#contents_right a#link span{
	display:block;
	width:164px;
	height:20px;
	margin-left:36px;
	padding-top:4px;
	position:relative;
	font-size:12px;
}

/* ------------------------- */
/*[a] メール用 */
/* ------------------------- */
#contents_right a.mail{
	margin-left:0px;
	margin-right:0px;
	text-decoration:none;
	color:#666;
}
#contents_right a.mail:hover{
	text-decoration:underline;
	color:#F66;
}



/* ------------------------- */
/*ペーパーエリア */
/* ------------------------- */
#paper{
	width:264px;
	margin: 0px 0px 0px 0px;
}
#paper div#top,
#paper div#bottom{
	width:auto;
	height:40px;
	padding:0px 0px 0px 0px;
}
#paper div#middle{
	width:auto;
	padding:0px 0px 0px 0px;
}
#paper p{
	font-size:11px;
	line-height:22px;
	margin-left:36px;
	margin-right:48px;
}
/* ------------------------- */
/* 分割線 */
/* ------------------------- */
div.right_line_short_gray{
	background-image:url(../image/right/right_line_short_gray.png);
}

/*
#square a,
#line a,
#paper a{
	display:block;
	width:216px;
	height:24px;
	margin-left:16px;
	margin-right:32px;
	text-decoration:none;
	color:#666;
}
#square a:hover,
#line a:hover,
#paper a:hover{
	color:#F30;
}
#square a span,
#line a span,
#paper a span{
	display:block;
	width:180px;
	height:20px;
	margin-left:36px;
	padding-top:4px;
	position:relative;
	font-size:12px;
}


*/
/* ================================ */
/* パーツ：最下段*/
/* ================================ */
/* ------------------------- */
/* コピーライト */
/* ------------------------- */
#bottom_footer_area div.footer_img{
	float:right;
	width:328px;
	height:128px;
	margin-top:0px;
	margin-right:40px;
}

/* ############################################ */
/* 共通 */
/* ############################################ */
/* ------------------------- */
/* [div] 余白 */
/* ------------------------- */
div#space{
	border-width:0px;
	margin-top:0px;
	margin-bottom:0px;
	visibility:hidden;
}
/* ------------------------- */
/* [span]文字色 */
/* ------------------------- */
span.red{
	color:#F66;
}
span.blue{
	color:#06F;
}
span.white{
	color:#FFF;
}
/* ------------------------- */
/* [a]メールアドレス */
/* ------------------------- */
a.mail{
	text-decoration:none;
	color:#36F;
}

/* ############################################ */
/* フロート解除関連 */
/* ############################################ */
br.clearfloat { 
		clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearfix:after {
  content: ".";  
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}