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

/*- - - - - - 全体の設定- - - - -　*/

/*リセット用CSS*/
body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,table,th,tr,td,pre,form,textarea,fieldset,input,select,address,iframe {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
img{vertical-align:bottom;}
ol,ul{list-style:none;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,var{font-weight:normal; font-style:normal;}
caption,th{text-align:left;}
abbr,acronym{border:0;}
h2{font-size:130%;}
h3{font-size:120%;}
h4{font-size:110%;}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:1160px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/background.png);
	}

/* imgの隙間をなくす */
img,dt img,dd img{vertical-align:bottom;}
/* menusの・をなくす */
li{list-style-type:none;}




/*- - - - - - c1- - - - -　*/

#c1tag {
	position:absolute;
	left:20px;
	}

ul.menu {
	float:left;
	margin-left:20px;
	width: 200px;
	height:600px;
	z-index:1;			
	}
ul.menu li{
  	position: relative;
	}
ul.menu li div {
	display: none;
	position: absolute;
	top: 2px;
	left: 100px;
	width: 129px;
	height:85px;
	font-size: 0.7em;
	background: url(../images/a1_1_div_l.png) no-repeat left top;
	z-index:100;
	}
ul.menu li div p {
	font-style:normal;
	font-weight:bold;
	color:#F30;
    line-height: 1.6em;
    padding: 5px 9px 7px 23px;
	}
ul.menu li a{
	position: relative;　/* 追記箇所 */
	z-index: 10;　/* 追記箇所 */
	}
.menu2 {
	float:left;
	margin-top:30px;
	padding:0;
	width:200px;
	height:300px;
	}



/*- - - - - - c2- - - - -　*/

#top{
	margin-bottom:20px;
	margin-left:20px;
	}

.c2{
	float:left;
	width:620px;
	height:auto;
	}

/*- - - - - - 大見出し- - - - -　*/

.c2_h1{
	position:relative;
	width:580px;
	height:240px;
	margin-top:40px;
	margin-left:40px;
	padding:0;
	background-image:url(../images/c2_bigt.png);
	background-repeat:no-repeat;
	}

.c2 img{
	display:block;
}

.c2_h1txt{
	position:absolute;
	font-size:34px;
	font-weight:bold;
	color:#FFF;
	top:58px;
	left:240px;
	}

.c2_h1day{
	position:absolute;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	top:110px;
	left:240px;
	}

/*- - - - - - 小見出し- - - - -　*/

.c2_komidashi{
	position:relative;
	width:600px;
	height:74px;
	margin-top:15px;
	padding:0;
	background-image:url(../images/c2_komidashi.png);
	background-repeat:no-repeat;
	}
	
.c2_komidashi_t{
	position:absolute;
	left:65px;
	top:26px;
	font-weight:bold;
	font-size:15px;
	color:#FFF;
	}

/*- - - - - - 材料表- - - - -　*/
.ul_dot{
	margin-left:20px;
	list-style-image:url(../images/c2_ul_dot.png);
	color:#333;
	line-height:1.6em;
	}

/*- - - - - - 本文- - - - -　*/
.honbun{
	float:left;
	font-size:13px;
	color:#333;
	line-height:2.2em;
	width:540px;
	margin-left:60px;
	margin-right:60px;
	}
.honbun img{
	margin-top:10px;
	margin-bottom:10px;
}

/*- - - - - - あとがき- - - - -　*/
#writer{
	height:200px;
	width:540px;
	margin-left:60px;
	margin-right:60px;
	}

.writer_header{
	margin-bottom:5px;
	}
.writer_header span{
	}

.writer_header img{
	float:left;
}
.writer_header p{
	float:left;
	width:350px;
	letter-spacing:0.3em;
	margin-left:20px;
	margin-top:5px;
		height:25px;
	font-size:13px;
}

#writer_txt{
	float:both;
	width:450px;
	height:auto;
	font-size:11px;
	}

/*- - - - - - ソーシャルボタン- - - - -　*/

#social{
	
	width:700px;
	height:300px;
	}

#sociallogo{
	float:left;
	margin-top:0px;
	margin-right:70px;
	height:16px;
	}

#snsbar{
	margin-left:10px;
	}
#snsbar div {
	float:left;
	margin-right:5px;
	}

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}

.clearfix {
	min-height:1px;
	}

.clear {
	clear:both;
	}

#toranporin{
	position:absolute;
	left:842px;
}

		
/*- - - - - - 上へ戻るボタンJQuery用- - - - -　*/
#back-top {
    position:fixed;
    bottom: 323px;
    margin-left: 585px;
	}
#back-top a {
    width: 100px;
    display: block;
	}
#back-top span {
    width: 50px;
    height: 200px;
    display: block;
    margin-bottom: 7px;
    background:url(../images/c2_gotop.png) no-repeat center center;
	}


/*- - - - - - c3- - - - -　*/

#c3{
	width:205px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	}


#c3_top{
	margin-top:72px;
	width:200px;
	height:160px;
	float:left;
	}

#c3_top a{
	width:205px;
	height:300px;
	}

.hot_menu{
	float:left;
	padding:0;
	}
.twitter{
	margin-top:15px;
	float:left;
	width:205px;
	}

#twitterlist{
	width:205px;
	float:left;
	}

#statsp_list{
	padding:0;
	margin:0;
	float:light;
	width:155px;
	height:250px;
	border:1px;
	background-color:#FFF !important;
	}
#statsp_list ul{
	background-color:#FFF!important;
	}
#statsp_status_list>dt{
	background-color:#FFF !important;
	}
#statsp_newtweet_list *{
	background:#FFF;
	float:left;
	}
	

	
.c4{
	position:relative;
	float:left;
	padding-top:45px;
	margin-left:150px;
	width:1000x;
	height:283px;
	font-size:12px;
	}

	
#bosyu{
	position:absolute;
	top:0px;
	left:20px;
}

.c4_cont{
	
	width:259px;
	float:left;
	margin-top:15px;
	margin-bottom:30px;
	padding:0;
}

#c4_border{
	float:left;
	margin-left:15px;
	margin-right:15px;
}

#c4_2{
	float:left;
	margin-left:140px;
	font-size:10px;
}
#c4_2 p{
	margin-left:570px;
}

.c4_cont img{
	margin:5px;
}

.c4_cont p{
	padding-left:15px;
	padding-right:15px;
}