﻿#container
{
    height:100%;
    width:800px;
    background-repeat:no-repeat;
    background-image:Url("../images/common/header_background.jpg");
    margin:auto;
}
/* ------------------------------------- */
/* ヘッダー情報 */
#header
{
    width:100%;
}
#header_main
{   
    width:800px;
    height:375px;
    margin:auto;
    margin-top:0px;
}
#header_description_kj
{
	width:800px;
	margin:auto;
	font-size:13px;
	color:#FFCC00;
	margin-top:0px;
	margin-bottom:0px;
}
#header_menu
{
	margin:333px 0px 0px 0px;
	padding-top:5px;
}
#header_menu li
{
	font-size:20px;
	font-family:arial;
	background-image:url("../images/common/menu_bg.gif");
	background-repeat:no-repeat;
	background-position:25px 3px;
	padding-left:65px;
	float:left;
	list-style-type:none;
}
#header_menu li a
{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
#header_menu li a:hover
{
	color:#FF9900;
}
#header_menu .first
{
	background:none;
	padding-left:20px;
}
/* ------------------------------------- */

/* ------------------------------------- */
/* メイン情報 */
#main
{
    clear:both;
    margin:auto;
    width:800px;
}
#main_sub
{
    clear:both;
    text-align:left;
    margin-left:5px;
}
#main_contents
{
    width:595px;
    margin:auto;
    float:left;
}
#main_menu
{
    width:200px;
    margin:auto;
    margin-top:15px;
    float:right;
}

/* ------------------------------------- */

/* ------------------------------------- */
/* フッター情報 */
#footer
{
    clear:both;
    margin:auto;
    width:800px;
}
#footer_head_spacer
{
    clear:both;
    height:25px;
}
#footer_link
{
    border-top:solid 3px #C3D8EE;
    width:100%;
}
ul.footer_link
{
    float:left;
    margin:auto;
    margin-top:5px;
    margin-left:5px;
    margin-bottom:25px;
    list-style-type:none;
}
li.footer_link
{
    float:left;
    background-image:Url("../images/common/more2_bg.gif");
    background-repeat:no-repeat;
    background-position:0px 3px;
    padding-left:12px;
    margin-right:10px;
}
li.footer_link a
{
	color:#FFFFFF;
}
li.footer_link a:hover
{
	color:#FF9900;
}
#footer_line
{   
    clear:both;
    margin-top:25px;
    text-align:left;
    height:26px;
    background-color:#C3D8EE;
}
#footer_left
{
    float:left;
    margin:auto;
    margin-top:7px;
    margin-left:10px;
}
#footer_right
{
    float:right;
    margin:auto;
    margin-top:7px;
    margin-right:10px;
    font-size:10px;
}
#footer_copyright
{
    clear:both;
    color:#FFFFFF;
    text-align:left;
    margin-top:10px;
    margin-left:5px;
}
#footer_copyright a:hover
{
	color:#FFFFFF;
}
#footer_bottom
{
    margin:auto;
    margin-top:20px;
    margin-left:10px;
    line-height:130%;
}
dl.footer_bottom
{
    font-size:12px;
    color:#CCCCCC;
    margin-left:60px;
}
dt.footer_bottom
{
    float:left;
    text-align:right;
    width:150px;
    margin-right:10px;
}
dd.footer_bottom
{
    float:left;
    width:500px;
    text-align:left;
    margin-bottom:10px;
}
dt.footer_bottom a
{
    color:#CCCCCC;
}
dt.footer_bottom a:hover
{
    color:#FFFFFF;
}
dd.footer_bottom a
{
    color:#CCCCCC;
}
dd.footer_bottom a:hover
{
    color:#FFFFFF;
}
#footer_foot_spacer
{
    clear:both;
    height:50px;
}
/* ------------------------------------- */

/* ------------------------------------- */
/* ボックス */

.box 
{
	background:url("../images/common/box_tall.gif") bottom repeat-x;
}
.box .l 
{
	background:url("../images/common/box_tall.gif") left repeat-y;
}
.box .r 
{
	background:url("../images/common/box_tall.gif") right repeat-y;
}
.box .t 
{
	background:url("../images/common/box_tallt.gif") top repeat-x;
}
.box .bl 
{
	background:url("../images/common/box_bl.gif") bottom left no-repeat;
}
.box .br 
{
	background:url("../images/common/box_br.gif") bottom right no-repeat;
}
.box .tr 
{
	background:url("../images/common/box_tr.gif") top right no-repeat;
}
.box .tl 
{
	background:url("../images/common/box_tl.gif") top left no-repeat;
	width:100%;
}

.box .tr2 
{
	background:url("../images/common/box_tr2.gif") top right no-repeat;
}
.box .tl2 
{
	background:url("../images/common/box_tl2.gif") top left no-repeat;
	width:100%;
}
.box .t2 
{
	background:url("../images/common/box_tallt2.gif") top repeat-x;
}
/* ------------------------------------- */

/* ------------------------------------- */
/* ボックス2 */
.box2
{
	background:url("../images/common/box2_tall.jpg") top repeat-x;
	width:100%;
}
.box2 .tr
{
	background:url("../images/common/box2_tr.jpg") top right no-repeat;
}
.box2 .tl
{
	background:url("../images/common/box2_tl.jpg") top left no-repeat;
	width:100%;
}
/* ------------------------------------- */

/* ------------------------------------- */
/* 画像表示 */
.img_type_1
{
    margin-right:10px;
    margin-bottom:10px;
    border:solid 1px #CCCCFF;
}
.img_type_2
{
    margin-right:10px;
    margin-top:10px;
    margin-bottom:10px;
    border:solid 1px #CCCCFF;
}
.img_type_3
{
    margin-right:10px;
    margin-top:10px;
    margin-bottom:10px;
    border:solid 1px #CCCCFF;
}
/* ------------------------------------- */

/* ------------------------------------- */
/* SOCIAL BUTTON AREA */
.social_news_area,.social_blog_area,.social_gallery_area
{
    width:100%;
    margin-top:10px;
}
.social_news_area,.social_blog_area{
    text-align:right;
}
.social_gallery_area{
    text-align:center;
}
/* ------------------------------------- */
