@charset "utf-8";
/*	#	esリノベーションサイト css （トップページ）
	#	ページ幅 900px ／ コンテンツ全体幅 810px （左右余白 45px 背景枠線付き）
	#	左ナビ幅 150px ／ メインコンテンツ幅 483px ／ 右ナビ幅 175px
	#	FLASHコンテンツは 812px 左余白 -2px;
	#
*/
/* ================================ 全体設定 ================================ */
* { margin:0; padding:0; }
body { width:900px; margin-left:auto; margin-right:auto; text-align:center; font-size:11px; line-height:1.25; letter-spacing:0.15em;
				font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
h1, h2, h3 { font-size:11px; line-height:1.5; font-weight:normal; }
li { list-style:none; list-style-position:outside; }
sup { vertical-align:top; font-size:80%; }

a { text-decoration:none; }
a:link    { color:#484848; }
a:visited { color:#484848; }
a:hover   { color:#006f6b; }
a:active  { color:#008277; }
#countainer #pages a#no_link1, #countainer #pages a#no_link2 { color:#cccccc; }
#countainer #pages a.nolink { color:#cccccc; }


/* ================================ ページサイズ ================================ */
#countainer { width:810px;  padding-left:45px; padding-right:45px; background:url("images/bg_body.gif") repeat-y; }
#pages { width:810px; margin:0; background-color:#ffffff; text-align:left; color:#484848; font-size:10px;
				font-family:"ＭＳ Ｐゴシック", "sans-serif"; }


/* ================================ ブロックコンテンツ ================================ */

/* ================ float 制御 ================ */
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ zoom:1; min-height:1px; }
* html .clearfix { height:1px;
				   /*¥*//*/ height: auto; overflow: hidden;  /**/ }
.clearfloat{ clear:both;height:0;font-size:1px;line-height:0px; }
.float_r { float:right; }
.float_l  { float:left; }

/* ================ ブロックと視覚 ================ */
.w40 { width:40px; }
.w50 { width:50px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.margin_b_3 { margin-bottom:3px; }
.margin_b_8 { margin-bottom:8px; }
.margin_b_10 { margin-bottom:10px; }
.margin_b_30 { margin-bottom:30px; }

.hide { display:none; }

/* ================================ インラインコンテンツ ================================ */
.f_orange { color:#e07f00; }
.f_orange_light { color:#f9e5cc; }
.f_col_lg { color:#cccccc; }
.align_r { text-align:right; }
.letter_s0 { letter-spacing:0; }
.letter_s01 { letter-spacing:0.1em; }
.green { color:#006f6b }
.gray { color:#808080; }
.lite_gray { color:#c0c0c0; }

/* ================================ ヘッダー ================================ */
.header h1 { margin-bottom:2px; padding-top:8px; font-size:10px; line-height:1.25; }
.logo_img { width:336px; float:left; }
.header_address { width:473px; padding-top:10px; float:right; }
.header_address p.address { margin-top:20px; text-align:right; }
.header_address .header_com { width:473px; margin-top:2px; padding-right:0; }
.header_com ul { margin-left:215px; }
.header_com li { width:65px; display:block; float:left; }
.header_com li.header_bavi_tel { width:128px; font-size:10px; line-height:1.5; letter-spacing:0.10em; text-align:right; }
.header_com li a { display:block; font-size:10px; line-height:1.5; letter-spacing:0; text-align:right; vertical-align:bottom; }

.header_navi { width:810px; margin-top:8px; margin-bottom:8px; font-size:10px; line-height:1.25; letter-spacing:0.05em; float:left; }
.header_navi li { width:72px; display:block; float:left; }
.header_navi li.header_navi_home { width:50px; }
.header_navi li.header_navi_1 { width:142px; }
.header_navi li.header_navi_2 { width:154px; }
.header_navi li.header_navi_3 { width:129px; }
.header_navi li.header_navi_4 { width:123px; }
.header_navi li.header_navi_7 { width:66px; }
.header_navi li a { width:66px; margin:0px; border:1px solid #8f8f8f; padding:3px 0; display:block; text-align:center; }
.header_navi li.header_navi_home a { width:33px; }
.header_navi li.header_navi_1 a { width:137px; }
.header_navi li.header_navi_2 a { width:149px; }
.header_navi li.header_navi_3 a { width:124px; }
.header_navi li.header_navi_4 a { width:118px; }
.header_navi li a:link    { background-color:#ffffff; color:#484848; }
.header_navi li a:visited { background-color:#ffffff; color:#484848; }
.header_navi li a:hover   { border-color:white; color:#006f67; background-color:transparent; }
				/* background:url("images/bg_orange_slash_2.gif") repeat; } */

/* ================================ メイン画像 ================================ */
.main_image_top { width:812px; margin-top:5px; margin-bottom:12px; margin-left:-2px; }

/* ================================ メイン 大ナビゲーション ================================ */
.big_navis { width:810px; margin:5px 0; font-size:11px; line-height:1.2; letter-spacing:0.05em;
				background:url("images/bg_bignavi_hline.gif") repeat-y; }
.big_navis .big_navi_container { width:810px; margin-top:20px; margin-bottom:10px; }
.big_navis .big_navi_1 { width:204px; float:left; }
.big_navis .big_navi_1 p { width:160px; }
.big_navis .big_navi_2 { width:223px; float:left; }
.big_navis .big_navi_2 p { width:161px; }
.big_navis .big_navi_3 { width:212px; float:left; }
.big_navis .big_navi_3 p { width:164px; }
.big_navis .big_navi_4 { width:170px; float:left; }
.big_navis .big_navi_4 p { width:170px; }


/* ================================ コンテンツ ================================ */
.contents_top { margin:10px 0 20px; }
.contents_top img { margin-bottom:5px; }
.contents_top .contests_header_top { margin-bottom:5px; padding-bottom:3px; font-size:9px; line-height:1.25; letter-spacing:0.05em; }
.contests_header_top .contests_header_text { font-size:10px; line-height:1.2; font-weight:bold; }

.big_navis .tremble810_1, .footer_top .tremble810 { width:810px; height:3px; line-height:3px;
				background:url("images/tremble_line_810_1.gif") no-repeat; }
.big_navis .tremble810_2 { width:810px; height:3px; line-height:3px; background:url("images/tremble_line_810_2.gif") no-repeat; }
.left_navi .tremble149 { margin-bottom:0; background:url("images/tremble_line_149_3.gif") 0 12px no-repeat; }
.top_contents_430_1 .contests_header_top { background:url("images/tremble_line_430_1.gif") 0 12px no-repeat; }
.top_contents_430_2 .contests_header_top { background:url("images/tremble_line_430_2.gif") 0 12px no-repeat; }
.top_contents_204_1 .contests_header_top { background:url("images/tremble_line_204_1.gif") 0 12px no-repeat; }
.top_contents_204_2 .contests_header_top { background:url("images/tremble_line_204_2.gif") 0 12px no-repeat; }
.top_contents_204_3 .contests_header_top { background:url("images/tremble_line_204_3.gif") 0 12px no-repeat; }
.contents_right .contests_header_top { background:url("images/tremble_line_155_1.gif") 0 12px no-repeat; }

/* ================ ■□□ 左コンテンツ ================ */
.contents_left { width:150px; float:left; font-size:11px; letter-spacing:0; }
.left_navi dl dt a { width:149px; padding:12px 0; display:block; text-indent:12px; font-size:10px; line-height:1; letter-spacing:0.05em; }
.left_navi dl dt { background:url("images/tremble_line_149_1.gif") 0 31px no-repeat; }
.left_navi dl dt.tremble_line_2 { background:url("images/tremble_line_149_2.gif") 0 31px no-repeat; }
.left_navi dl dt.tremble_line_3 { background:url("images/tremble_line_149_3.gif") 0 31px no-repeat; }
.left_navi dl dl dt  a { text-indent:28px; }
.left_navi dl dt a:link { background:url("images/link_icon.gif") 1px 14px no-repeat; }
.left_navi dl dt a:visited { background:url("images/link_icon.gif") 1px 14px no-repeat; }
.left_navi dl dt a:hover { background:url("images/bg_navi_hover1.gif") 0px 2px no-repeat; }
.left_navi dl dl dt  a:link { background:url("images/link_icon.gif") 17px 14px no-repeat; }
.left_navi dl dl dt  a:visited { background:url("images/link_icon.gif") 17px 14px no-repeat; }
.left_navi dl dl dt  a:hover { background:url("images/bg_navi_hover2.gif") 0px 2px no-repeat; }

/* ================ □■□ メインコンテンツ ================ */
.contents_main { width:483px; float:left; }
.top_contents_430_1 { width:432px; margin-bottom:20px; margin-left:23px; }
.ex .to-flips { padding-bottom:4px; }
.ex .to-flips .content .block { width:72px; }
.ex .to-flips .content .block p { width:55px; text-align:right; line-height:1; letter-spacing:0; }
.ex .to-flips .content .block span img { padding-top:3px; vertical-align:top; }
.news { margin-bottom:16px; padding-bottom:6px; background:url("images/tremble_line_430_2.gif") 0 240px no-repeat; }
.news .news_countainer { height:200px; margin-bottom:2px; padding:8px; overflow:auto; }
.news_contents { margin-top:5px; margin-bottom:5px; }
.news_contents .w100 { letter-spacing:0; }
.news_contents ol, .news_contents ul, .news_contents dl { margin-top:11px; margin-bottom:11px; }
.contents_main_countainer { margin-left:23px; letter-spacing:0; }
.contents_main_left { width:226px; float:left; }
.contents_main_left_countainer { width:204px; }
.contents_main_right { width:204px; float:left; }
.top_contents_204_1, .top_contents_204_2, .top_contents_204_3 { width:204px; margin-bottom:20px; }
/* .anchor_group a:link { color:#484848 } */

/* ================ □□■ 右コンテンツ ================ */
.contents_right { width:175px; float:right; letter-spacing:0em; }
.contents_right .contests_header_top { width:155px; margin-top:20px; }
.right_link_countainer { width:165px; background-color:#e8e8e8; padding:8px 0 42px 10px; }
.right_outlink_countainer { width:175px; padding:8px 0 42px; }
.right_outlink_countainer .contests_header_top { width:175px; background:url("images/tremble_line_204_3.gif") 0 12px no-repeat; }
.to_page_top p a { width:59px; margin-top:160px; margin-left:116px; display:block; text-align:right; font-size:10px; letter-spacing:0.15em;
				background:url("images/link_icon_t.gif") 0px 5px no-repeat; }

/* ======== 更新情報 ======== */
.dot_line_x { height:1px; border:0; background:url("images/dot_line_x.gif") repeat-x; }

/* ================================ フッター ================================ */
.footer_top { margin-top:60px; }
.footer_top p { padding:10px 0; text-align:center; }

#footer { margin-top:80px; padding-bottom:40px; }
#footer .tremble810 { width:810px; height:3px; line-height:3px; background:url("images/tremble_line_810_1.gif") no-repeat; }
#footer p { padding:10px 0; text-align:center; }
#work_area { margin:45px 0 0; font-size:12px; line-height:1.25; text-align:left; }
#work_area h4 { margin-top:12px; }
#work_area p { margin:6px 24px; padding:0; text-align:left; }
#work_area p a { font-size:16px; line-height:1; color:#006f6b; font-weight:bold; }
#work_area p a:link { color:#006f6b; }
#work_area p a:hover { color:#006f6b; }