@charset "utf-8";

/* ボディ
---------------------------------------------------- */
.responsive_l{
	display:block;
}

.responsive_m{
	display:none;
}

.responsive_lm{
	display:block;
}

.responsive_s{
	display:none;
}

#g_navi_sp{
	display:none;
}

.g_navi_menu_sp{
	display:none;
}

body{
	text-align:left;
}

/* ヘッダー
---------------------------------------------------- */
header{
	width:1100px;
	margin:0 auto;
	border-left:2px solid #727171;
	border-right:2px solid #727171;
	text-align:left;
}

#logo{
	padding:20px 0 0 50px;
}

#g_navi li{
	border-left:2px solid #727171;
	float:left;
}

/* コンテンツ
---------------------------------------------------- */
#wrapper{
	width:1100px;
	margin:0 auto;
	border-left:2px solid #727171;
	border-right:2px solid #727171;
}

/* トップページ */
#top_main{
	height:720px;
	padding:13px 13px 13px 13px;
	background:#727171;
}

#top_main_img{
	position:absolute;
}

#top_main_button{
	padding:275px 0 0 697px;
	position:absolute;
}

.top_area_r{
	width:767px;
	padding:0 0 0 13px;
	background:#727171;
	color:#535353;
}

.topics_area{
	background:#FFFFFF;
}

.topics_area ul{
	min-height:240px;
	margin:20px 40px 0 30px;
	padding:15px 30px 15px 30px;
	border:1px solid #d0cece;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.topics_area ul li{
	padding:2px 0 1px 0;
	border-bottom:1px solid #d0cece;
	text-indent:-6em;
	margin:0 0 0 6em;
}

.topics_area_b{
	padding:0 0 13px 0;
	background:#727171;
}

.topics_area_b p{
	padding:5px 0 12px 650px;
	background:#FFFFFF;
}

.event_area{
	background:#FFFFFF;
}

.event_area_box{
	padding:40px 80px 100px 35px;
}

.event_area_l{
	width:400px;
}

.event_area_r{
	width:220px;
	padding:35px 0 0 0;
}

.top_area_l{
	width:240px;
	padding:20px 32px 0 48px;
}

/* 各ページ */
#box{
	padding:13px 13px 13px 13px;
	background:#727171;
}

#p_navi{
	padding:8px 0 40px 10px;
	background:#FFFFFF;
}

#box_inner{
	padding:0 130px 130px 130px;
	background:#FFFFFF;
}


/* フォーム */
.form100{
	width:100%;
}

/* フロート */
.float_l{
	float:left;
}

.float_r{
	float:right;
}

.float_l_pc{
	float:left;
}

.float_r_pc{
	float:right;
}



/* 画像 */
img{
	max-width:100%;
	height:auto;
	width:auto\9; /* ie8 */
}

/* フッター
---------------------------------------------------- */
footer{
	width:1100px;
	min-height:112px;
	margin:0 auto;
	border-left:2px solid #727171;
	border-right:2px solid #727171;
	background:url(../img/common/footer_bg.png) repeat-x;
}

#f_navi{
	padding:17px 0 25px 0;
}

#copyright{
	background:#3f4348;
	color:#FFFFFF;
}

/* 上へ
---------------------------------------------------- */
.arrow_top{
	display:none;
}


/* clearfix
---------------------------------------------------- */
/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
	font-size:0px;
}

/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}

/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}