@charset "utf-8";
/* CSS Document */


/* =============================================================================
   clearfix
   ========================================================================== */
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE/Mac */
.clearfix{
	display: inline-table;
	zoom: 1;
}
/* Hide from IE/Mac, apply to IE/Win \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.clear {
	clear: both;
	display: block;
}


/* ---------------------------------------------------------------------------
   フォント色
   ---------------------------------------------------------------------------*/

.txt_red1{
	color:#C6002F;
}

.txt_red2{
	color:#CC5F7D;
}

.txt_pink1{
	color:#F30;
}

.txt_pink2{
	color:#E50065;
}

.txt_blue1{
	color:#03F;
}

.txt_blue2{
	color:#09F;
}

.txt_green1{
	color:#396;
}

.txt_green2{
	color:#00A6A3;
}

.txt_green3{
	color:#7FBF39;
}

.txt_gray1{
	color:#999;
}

.txt_Purple1{
	color:#90C;
}

.txt_orange1{
	color:#F60;
}


/* ---------------------------------------------------------------------------
   フォントサイズ
   ---------------------------------------------------------------------------*/

.txt_ssmall{
	font-size:10px;
}

.txt_small{
	font-size:11px;
}

.text_mid_m{
	font-size:14px;
}


/* ---------------------------------------------------------------------------
   段落制御
   ---------------------------------------------------------------------------*/

.sage{
    padding-left: 1em; 
    text-indent: -1em; 
}



/* ---------------------------------------------------------------------------
   テーブル
   ---------------------------------------------------------------------------*/

table.s01{
    border:1px solid #828282;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}


.s01 th{
    border-right:1px dotted #828282;
    border-bottom:1px dotted #828282;
    padding:0.3em 1em;
	color:#FFF;
}

.s01 td{
    border-right:1px dotted  #828282;
    border-bottom:1px dotted #828282;
    padding:0.3em 1em;
}

/* =============================================================================
   全体制御
   ========================================================================== */
html,body{
   height: 100%;
   min-width:1100px;
}

body{
	background-image:url(../images/bg_00.jpg);
}

ul, ol, dl {
	list-style-type: none;
}

h1,h2,h3,h4,h5,p,ol,ul,li,dl,dt,dd{
	margin:0;
	padding:0;
}

p{
	padding-top:7px;
}

img {
   vertical-align:bottom
}


/* =============================================================================
   テンプレート
   ========================================================================== */

.bg_left{
	background-image:url(../images/bg_01_01-01.png);
	background-position:right;
	background-repeat:repeat-y;
}

.bg_center{
	background-image:url(../images/bg_01_02-02.png);
}

.bg_right{
	background-image:url(../images/bg_01_04-03.png);
	background-position:left;
	background-repeat:repeat-y;
}

#wrap{
	width:1100px;
	position:relative;
}

#content{
	position:relative;
	width:1100px;
	height:1130px;
}

#kv{
	width:828px;
	height:863px;
	background-image:url(../images/top/kv_002.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-left:215px;
}

#kv0101{
	width:899px;
	height:854px;
	background-image:url(../images/top/kv_0101.png);
	background-position:top right;
	background-repeat:no-repeat;
	margin-left:200px;
}

#ch_001{
	position: absolute;
	width: 121px;
	height: 702px;
	left: 962px;
	top: 7px;
}

#logo{
	position: absolute;
	width: 369px;
	height: 179px;
	left: -17px;
	top: 5px;
}

.b102{
	position: absolute;
	width: 255px;
	left: 10px;
	top: 195px;
}

#pv_001{
	position: absolute;
	width: 255px;
	height: 165px;
	left: 10px;
	top: 280px;
}

#pv_002{
	position: absolute;
	width: 143px;
	height: 82px;
	left: 344px;
	top: 9px;
}

#info{
	position:relative;
	overflow:hidden;
	width:1100px;
	height:253px;
}

#news{
	float:left;
	margin-left:85px;
	width: 441px;
	height: 253px;
	background-image: url(../images/top/bg_news.png);
	left: 93px;
	top: 868px;
}

	#news_content{
		overflow:hidden;
		width:400px;
		height:180px;
		margin:auto;
		margin-top:55px;
		font-size:14px;
		line-height:18px;
		color:#000000;
		font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN' !important;
	}
	
	#news_content li{
		margin-bottom:10px;
		border-bottom:#d0576e 1px dotted;
	}
	
	#news_content a{
		color:#000;
		text-decoration:none;
		}

	#news_content .day{
		color:#FFFFFF;
		font-weight:bold;
	}
	
	#news .b001{
	position: absolute;
	width: 74px;
	height: 25px;
	left: 426px;
	top: 19px;
	}


#twitter{
	float:right;
	margin-right:85px;
	width: 441px;
	height: 253px;
	background-image: url(../images/top/bg_twitter.png);
	left: 561px;
	top: 869px;
}

	#twitter_content{
		overflow:auto;
		width:400px;
		height:180px;
		margin:auto;
		font-size:12px;
		margin-top:55px;
		line-height:14px;
		color:#672840;
		font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN' !important;
	}


#menu{
	position: absolute;
	width: 240px;
	height: 376px;
	left: 12px;
	top: 455px;
}

	#menu li{
		float:left;
	}


#bn{
	width:830px;
	height:60px;
	margin:auto;
}

#copy{
	width:400px;
	margin:auto;
	text-align:center;
	color:#FFFFFF;
	font-size:10px;
	padding-top:30px;
	padding-bottom:30px;
}