@charset "utf-8";
	/* CSS Document */
* {
	margin: auto;
	padding: 0px;
}
	 
body {
	font-size: 16px;
	line-height: 150%;
	text-align: center;
	color: #333333;
	background: #FFFEE9;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

a{color: #0000FF;}
	 
p{
	font-size:80%;
	line-height: 28px;
	 }

#page {
	width: 1085px;
	text-align: left;
	padding: 0px;
	background: #CFF3F5;
	margin-bottom: 0px;
	background: white;
}
	
#header{
	width: 1065px;
	height: 123px;
	background: url(img/header.gif) no-repeat bottom;
	margin-bottom: 15px;
	}

#header .header_2{width: 665px;
	margin-top: 23px;
	height: 100px;
	float: right;} 
#header .header_2 p{
	text-align:right;
	font-weight: bold;
	margin: 0px;
	padding: 10px 15px 0px 0px;
	line-height: 180%;
	}
	
#header .header_2 p strong{font-weight: bold;}
	
h1{
	margin-left: 0px;
	font-size:80%;
	margin: 0px;
	height: 123px;
	width: 400px;
	float: left;
}
h1 a{display: block;
	height: 123px;
	width: 400px;
}
	
#page #con_all{
	width: 1065px;
	background: white;
	 } 
#page #con_all a:hover{
	color:#FF0000;
		 }
		 
#con_all .nenrei{overflow: auto;
	margin-bottom: 15px;
	padding: 0px 10px 0px 10px;
}
#con_all .nenrei p{padding: 0px;
margin: 0px;}	
#con_all .nenrei h2{font-size: 90%;
color: #FF0000;}

#bana{margin-bottom: 15px;
width: 625px;}
#bana p{font-size: 24px;
font-weight: bold;
line-height: 150%;
text-align: center;}
#bana p a{color: #FF0000;}
 
#main {
	float: left;
	width: 625px;
	margin: 0px 15px 0px 0px;}
	
#main h2{
	font-size:100%;
	margin: 0px;
	}


#main .waku{margin-top: 0px;	}
#main .waku h2{	background: url(img/h2.gif) no-repeat;
	height: 40px;
	padding: 8px 0px 0px 15px;
	margin-top: 15px; 
}

#main h3{font-size: 80%;
border-left: 10px double #FF3399;
padding-left: 5px;
margin-top: 10px;}

#main .waku2{border: 1px dotted #C0C0C0;
margin-bottom: 15px;
}
#main .waku2 h2{background: none;
background: #F9CBCB;
height: auto;
font-size: 90%;
margin: 0px;
padding: 0px;
padding: 3px 0px 3px 10px;}
#main .waku2 p{padding-left: 10px;}
#main .waku2 ul{font-size: 80%;
}
#main .waku2 li{list-style: inside;
border-bottom: 1px dotted #C0C0C0;
padding: 5px 5px 5px 10px;
}

#main .waku2 ul.sub{font-size: 80%;
}
#main .waku2 ul.sub li{list-style: inside;
border-bottom: 1px dotted #C0C0C0;
padding: 5px 5px 5px 10px;
}
#main .waku2 ul.sub li span{color: #0000FF;}
#main .waku2 img{padding: 10px;}
#main .waku2 table{width: 600px;
margin-top: 15px;
margin-bottom: 15px;
font-size: 80%;}
#main .waku2 table th{width: 150px;
text-align: center;
border: 1px solid #FF3399;
color: #FF3399;
background: #FFFFCC;
}
#main .waku2 table td{
border: 1px solid #FF3399;
padding: 5px;
}

#main .honbun{margin-bottom: 10px;}
#main .honbun p{padding: 5px 0px 5px 10px;
}
#main .honbun span{color: #FF3399;}

#main .hitokoto{margin-top: 10px;}
#main .hitokoto h2{
	padding-left: 30px;
	font-size: 90%;
	border-bottom: #FF3399 solid 1px;
	height: auto;
	background: none;
	background: url(img/hitokoto.gif) no-repeat;
}
#main .hitokoto p{padding:10px 0px 10px 10px;}
#main .hitokoto p.date{text-align: right;
font-size: 75%;
color: #FF3399;}

#main .qanda{margin-bottom: 20px;}

#main .q{margin:0px;
padding: 0px;
height: 44px;
}
#main .q h2{background: url(img/question.gif) no-repeat;
margin: 0px;
padding-left: 40px;
font-size: 90%;}
#main .q_a{background: url(img/q_aline.gif);
margin: 0px;
padding: 0px;
padding: 10px 15px 5px 20px; }
#main .q_a p.date{text-align: right;
padding-top: 10px;
padding-bottom: 0px;
font-size: 75%;
color: #00B8FF;}
#main .bottom {background: url(img/q_abottom.gif) no-repeat;
height: 20px;
}
#main .bottom p{text-align: right;
padding: 0px 10px 10px 0px;}

#main .a{margin:0px;
padding: 0px;
height: 44px;
font-size: 90%;}
#main .a h2{background: url(img/answer.gif) no-repeat;
margin: 0px;
padding-left: 40px;}

#main .koushin{
	margin-top: 0px;
	width: 625px;
	margin-bottom: 15px;}
#main .koushin .top{background: url(img/kosin_top.gif) no-repeat top;}
#main .koushin h2{
padding: 15px 0px 0px 30px;
height: 35px;}
#main .line{background: url(img/kosin_line.gif) repeat-y;
width: 625px;
}
#main .koushin ul{margin: 0px;
padding: 0px;
background: url(img/kosin_line.gif) repeat-y;
overflow: auto;
height: 200px;
width: 618px;
}
#main .koushin li{
	font-size:80%;
	list-style:none;
	padding: 5px 10px 3px 40px;
	color: #FF3399;
	border-bottom: 1px dotted #C0C0C0;
	width: 550px;
		}
#main .koushin .bottom{background: url(img/kosin_bottom.gif) no-repeat bottom;
height: 23px;}
#main .koushin a{color: #FF3399;}

#main .form{padding: 5px 0px 0px 15px;
font-size: 80%;
border: none;}

#link2 table{
table-layout:fixed;
width: 625px;
margin-top: 10px;
}
#link2 table a img {
border:none;
}


#link2 table tr{text-align: center;}
#link2 table td{
	padding: 5px 0px 3px 0px;
	height: 50px;
	font-size: 75%;
	border: 1px solid #FF3399;
	text-align: center;
}

#main .pankuzu li{list-style: none;
font-size: 80%;
display: inline;
}

#menu{
	width: 425px;
	float: right;
	display: inline;
	margin: 0px;
	padding: 10px;
	box-sizing: border-box;
}

#menu h2{
	font-size:95%;
	text-align: left;
	margin: 0px;
	padding: 5px 5px 0px 5px;
}

#menu ul{
	list-style:none;
	margin-bottom: 40px;		
}
				
#menu ul li{
	list-style-position:outside;
	font-size:80%;
	margin-top: 8px;
	padding: 0px 5px 0px 5px;
	border-bottom: 1px dotted #C0C0C0;
}

#menu .box{
	margin-bottom: 15px;
	}

#menu .block_1 {
	width: 49%;
	float: left;
	margin: 0 2% 0 0;
}
#menu .block_1 .box .top{background: url(img/boxh2.gif) no-repeat top;
height: 57px;
padding-top: 10px;
}
#menu .block_1 .box h2{padding: 0px 10px 5px 12px;
line-height: 140%;}
#menu .block_1 .box ul{background: url(img/boxline.gif);
margin: 0px;
padding: 0px;
padding: 5px 5px 10px 5px;}
#menu .block_1 .box .bottom{background: url(img/boxb.gif) no-repeat;
height: 16px;}

.box_2:not(:last-child) {
	margin-bottom: 10px;
}
#menu .block_2 {
	width: 49%;
	float: right;
}
#menu .block_2 .box .top{
	background: url(img/boxh2.gif) no-repeat top;
	background-size: contain;
	height: 57px;
	padding-top: 10px;
}
#menu .block_2.box h2 {padding: 0px 10px 5px 12px;
line-height: 140%;}
#menu .block_2 .box ul{background: url(img/boxline.gif);
margin: 0px;
padding: 0px;
padding: 5px 5px 10px 5px;}
#menu .block_2 .box .bottom{background: url(img/boxb.gif) no-repeat;
height: 16px;}
#menu .box_2 .top{
	background: url(img/box_01.gif) no-repeat top;
	background-size: contain;
	height: 54px;
	padding-top: 10px;
}
#menu .box_2 h2{padding: 0px 10px 5px 12px;
line-height: 140%;
color: #FFFFFF;}
#menu .box_2 ul{
	background: url(img/box_03.gif);
	background-size: contain;
	margin: 0px;
	padding: 0px;
	padding: 5px 5px 10px 5px;
}
#menu .box_2 .bottom{
	background: url(img/box_02.gif) no-repeat;
	background-size: contain;
	height: 16px;
}

#menu .bana{
	width: 100%;
	border: 5px double #FD4294;
	padding: 15px;
	text-align: center;
	margin: 0;
	box-sizing: border-box;
}
#menu .bana:first-child {
	margin: 0 0 10px 0;
}
#menu .bana img a {
	border: none;
	}
#menu .bana p{
	margin: 0px;
}
#menu .bana p a {
	display: block;
	width: 100%;
	max-width: 300px;
}
#menu .bana img{
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}
#link{margin-top: 20px;}

#link h2{background: url(img/linkh2.gif) no-repeat;
	font-size:100%;
	height: 40px;
	margin-left: 10px;
	padding: 8px 0px 0px 15px;
}

#link table{width: 1065px;
text-align: center;
margin-top: 10px;
table-layout: fixed;}

#link table td{padding: 7px 0px 3px 0px;
font-size: 80%;
border: 1px solid #FF3399;
text-align: center;
height: 50px;
}

#link table td img{border: none;}

#menseki{	width: 1065px;
border-top: #DDDDDD solid 2px;
margin-top: 25px;
}
#menseki h2{font-size: 80%;
color: #FF0000;
margin: 0px;
padding: 5px 5px 0px 5px;
}
#menseki p{margin: 0px;
padding: 0px;
padding: 0px 5px 0px 5px;
margin-bottom: 10px;}

#foot{
	border-top: #FF3399 solid 2px;
	clear:both;
	padding-bottom: 0px;
	width: 1085px;}


#foot p{
text-align:center;
margin-bottom: 0px;
}

strong{font-weight: normal;}

#pick{text-align: center;}

/*純広告枠*/
.junkou1{
	margin: auto;
	margin-bottom: 15px;
}
.junkou1 p{
	margin: auto;
	margin-bottom: 10px;
	text-align: center;
}
.junkou1 p a{
	font-size: 180%;
	font-weight: bold;
	color: #FF0000;
}
.junkou1 p+a {
	display: block;
	max-width: 600px;
}
.junkou1 img{
	width: 100%;
	height:auto;
	margin: 0 auto;
}
.junkou1 img:first-child {
	display: block;
}
.junkou1 img:nth-child(2) {
	display: none;
}
.junkou2{
	margin: auto;
	margin-bottom: 15px;
}
.junkou2 p{
	margin: auto;
	margin-bottom: 10px;
}
.junkou2 img{
	width: 100%;
	height:auto;
	margin: 0 auto;
}

/*純広告枠ここまで*/

/*---------------------------------------------------------------------
	Media Queries
---------------------------------------------------------------------*/

/* PC */
@media only screen and (min-width:769px) {

}


/* Tablet */
@media only screen and (max-width:768px) {
}


/* Mobile (longitudinal) */
@media only screen and (max-width:600px) {
	#page{
		width: 100%;
	}
	#header{
		width: 100%;
		height: auto;
		background: none;
	}
	#header .header_2{
		width: 95%;
		height: auto;
		float: none;
		margin-top: 0px;
	}
	#header .header_2 p{
		text-align: left;
		padding: 0px;
	}
	h1{
		width: 95%;
		float: none;
		background: url(img/header-s.gif) no-repeat center;
		background-size: 100%;
	}
	#page #con_all{
		width: 100%;
	}
	#bana{
		width: 100%;
	}
	#bana img{
		width: 95%;
	}
	#main{
		width: 100%;
		float: none;
	}
	#main .waku h2{
		background: none;
		border: 3px solid #7ECDE6;
		height: auto;
		padding: 0px;
		padding: 5px;
	}
	#main .waku2 h2{
		border: none;
		background: none;
		background: #F9CBCB;
	}
	#main .waku2 table{
		width: 100%;
	}
	#main .hitokoto{
		width: 100%;
	}
	#main .q{
		height: auto;
	}
	#main .q h2{
		background: none;
		background: #66E0EB;
		border: none;
		border-left: 20px double #FFFFCC;
	}
	#main .q_a{
		background: none;
		border: 1px solid #CCCCCC;
		background: #FFF;
	}
	#main .bottom{
		background: none;
		height: auto;
	}
	#main .a{
		height: auto;
	}
	#main .a h2{
		background: none;
		background: #FEAAB3;
		border: none;
		border-left: 20px double #FFFFCC;
	}
	#main .koushin{
		display: none;
		width: 100%;
	}
	#main .form{
		width: 90%;
	}
	#main .line{
		background: none;
		width: 95%;
		border: 3px solid #C0C0C0;
	}
	#main .koushin ul{
		background: none;
		width: 90%;
	}
	#main .koushin li{
		width: auto;
	}
	#main .koushin .bottom{
		background: none;
		height: auto;
	}
	#link2 table{
		width: 100%;
	}
	#link2 table td{
		padding: 5px;
	}
	#link2 table td img{
		display: none;
	}
	#main .pankuzu{
		display: none;
	}
	#menu{
		width: 100%;
		float: none;
	}
	#menu .block_1{
		width: 100%;
		float: none;
		margin: 0px;
	}
	#menu .block_1 .box .top{
		background: none;
		height: auto;
	}
	#menu .block_1 .box h2{
		background: #FFCC00;
		padding: 5px;
	}
	#menu .block_1 .box ul{
		background: none;
	}
	#menu .block_1 .box .bottom{
		background: none;
		height: auto;
	}
	#menu .block_2{
		width: 100%;
		float: none;
	}
	#menu .block_2 .box .top{
		background: none;
		height: auto;
	}
	#menu .block_2 .box h2{
		background: #FFCC00;
		padding: 5px;
	}
	#menu .block_2 .box ul{
		background: none;
	}
	#menu .block_2 .box .bottom{
		background: none;
	}
	#menu .box_2{
		width: 100%;
		box-sizing: border-box;
	}
	#menu .box_2 .top{
		background: none;
		height: auto;
	}
	#menu .box_2 h2{
		background: #FD4294;
	}
	#menu .box_2 ul{
		background: none;
	}
	#menu .box_2 .bottom{
		background: none;
		height: auto;
	}
	#menu .bana{
		width: 95%;
	}
	#menu .bana img{
		width: 90%;
		height: auto;
	}
	#link h2{
		background: none;
		height: auto;
		border: 3px solid #7ECDE6;
	}
	#link table{
		width: 100%;
	}
	#link table td{
		display: block;
	}
	#menseki{
		width: 100%;
	}
	#foot{
		width: 100%;
	}
	.junkou1 p+a {
		max-width: 300px;
	}
	.junkou1 img:first-child {
		display: none;
	}
	.junkou1 img:nth-child(2) {
		display: block;
	}

}