@charset "UTF-8";

*{
	margin:0;
	padding:0;
}

/*
Style Name: Infosite Module NEO
Description: Responsive web design
Version: 2.0
*/


/*---------------------------------
Structure
-----------------------------------
#wrapper	S00
	 -pulldown(functions)- S10
	└#whfcont	S20
		└#logo S30
		└#bread S40
		└#container S50
			└#content S60
				└#main S70
					└.post S80
						└#changeArea S90
							└.uppertitleads S100
							└#underads S110
					└#pagenavi S120
				└#sub S130
					└#sidemenu
		└#footer S140
	
====================================
00.default
01.common
-----------------------------------
S	Under 480px for smartphone
M	Over 481px for tablet
L	Under 800px for pc
LL	Over 1060px for wide screen
----------------------------------*/

/*00.default
-----------------------------------*/
body,h1, h2, h3, h4, h5, h6,
p, pre, blockquote,form,input,textarea,fieldset,
ul, ol, dl, li,dt,dd,address,caption {
    margin: 0;
    padding: 0;
}


table{
	border-collapse: collapse;
	}
p{
	margin-bottom: 1.5em;
	line-height: 1.75;
	}

body{
	color: #000;
	line-height: 1.6;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","ＭＳ Ｐゴシック",Arial,Helvetica,Verdana,sans-serif;
	background: #F2F2F2;
}

.nosc{
	color:#F00;
	font-weight:bold;
}

address,em,caption,th{
	font-style: normal;
	font-weight: normal;
	text-align: left;
	}
	
img{
	max-width: 100%;
	height: auto;
	vertical-align:bottom;
	border: none;
	}

li{	list-style-type: none;	}


html { font-size: 62.5%; }
body{	font-size: 14px; font-size: 1.5rem;	}


/*link*/
a{
	color:#0088CC;
}
a:hover,a:active{

}
a:visited{	color: #800080;	}

a.thispage{
	color:#333;
	text-decoration:none;
	cursor: default;
}

#indexlist{
	margin-bottom:1.5em;
}


/*01.common styles
-----------------------------------*/

.clearfix {zoom: 1;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;}


.alignRight{	text-align: right;	}
.alignLeft{		text-align: left;	}
.floatRight{	float: right;	}
.floatLeft{		float: left;		}
.alignCener{ 	text-align:center;	}


/*page top*/
#pageTop {
	position: fixed;
	right: 5px !important;
	margin-bottom:48px;
}


/*02.list styles
-----------------------------------*/

.post a.pagelink{
	padding:2px 15px 2px 0;
	background:url(../images/icon_new-window.gif) right 2px no-repeat;
}

.post img{
	display:block;
	margin:10px auto 10px auto;
}

.post .alignleft{
	margin:10px auto 10px 0;
}

.post .alignright{
	margin:10px 10px 10px auto;
}

.red{
	color:#E43B2D;
	}

.clear{	clear:both;	}


/*03.topic index
-----------------------------------*/

ol#tableofpoint{
	margin-top:1em;
	padding:25px 4px 4px 4px;
	border:1px #341f14 dashed;
	background:url(../images/itemize.gif) left top no-repeat;
}
ol#tableofpoint li{
	margin:2px 0 2px 25px;
	list-style-type:decimal;
}


/*04.sitemap
-----------------------------------*/

.ddsg-wrapper{
}

.ddsg-wrapper li{
	background:url(../images/menupoint.gif) no-repeat 1px 6px;
	margin:1px 3px 1px 25px;
	padding:3px 0px 3px 16px;
}

.ddsg-wrapper ul{
	list-style-type:none;
	margin:0px 0px 10px 0px;
}

.ddsg-wrapper h2{
	margin:20px 0px 10px 0px;
	font-size:16px;
}

/*05.ads
-----------------------------------*/

.uppertitleads{
	margin:0.8em auto 0px auto;
	text-align:center;	
}

#underads{
	margin:0 auto 1em auto;
	text-align:center;	
}

.artedit{
	margin-top:30px;
}

.linkcattitle {
	color:#ff0000;
	border-style:solid;
	border-color:#777777;
	border-width:0 0 1px 0;
}


/*06.functions
-----------------------------------*/

#cse-search-box {
		width: 200px !important;
	}
	
	#cse-search-box div{
		
	}
	 
	#cse-search-box td {
		padding: 0 !important;
	}
	
	#cse-search-box input[type="text"] {
		
		height: 25px;
		padding: 0 !important;
		width: 75%;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.20);
		-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.20);
		-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.20);	
		border: 1px solid #999999;
	
	}
	
	#cse-search-box input[type="submit"] {
		background: #111111;
		border: 1;
		color: white;
		height: 27px;
		margin-left: ;
		overflow: hidden;
		text-indent: ;
		-webkit-appearance: none;
		width: 17%;
		font-size:15px;
}


/*07.linklist
-----------------------------------*/
.brlink{
	text-align:left;
	min-height:80px;
	border-bottom: dotted 1px #999;
	list-style-type: none;
	clear:both;
	padding:10px;
	margin-bottom:5px;
	font-size:0.4cm;
	line-height:140%;
}

.linkcat ul{
	margin-bottom:30px;
}

.brlink a{
	display:block;
}

.linkcat h2{
	display: none;
}


/*08.related pages
-----------------------------------*/

#related{
	margin:15px 10px 0 10px;
}

#related h3{
	margin-top:0;
}

#related img{
	float:left;
	border: solid 1px #cccccc;
}

.similar_posts_title{
	padding-top:10px;
}

.similar_posts_title, .similar_posts_snippet{
	display:block;
	margin-left:90px;	
}


/*index grid*/

indblock{
	display:block;
	width:100%;
	margin:0 auto 1em auto;
	background-color:#fff;
}

.articles{
		width:90%;
		margin:0 auto 0 auto;
}

.articles li, #updates li a{
	max-width:100% !important;
	margin:7px 0px 0px 0px;
	padding:2px 0px 0px 16px;
	background:url(../images/menupoint.gif) no-repeat 0px 0px;
	line-height:140% !important;
}

.articles ul{
	margin:0px 0px 10px 0px !important;
}

.articles{
		padding:10px;
		border-style:solid;
		border-color:#cccccc;
		border-width:0px;
		float:left;
}

section h2.childlist{
		margin:0 0 10px 0 !important;
		border-style:solid !important;
		border-width:1px 1px 1px 5px !important;
		font-size:1.2em !important;
}

indblock section{
	min-height:10px !important;
}


/*====================================================
Under 480px for smartphone
====================================================*/

/*S00.wrapper
-----------------------------------*/

#wrapper{
	position: relative;
	width: 100%;
	margin: 0 auto;
}


/*S10.functions
-----------------------------------*/

.dropdownMenu img{
    position:relative;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.20);
}

.dropdownMenu img:hover{
	 position: relative;
	 top: 1px;
	 left: 1px;
	 cursor:pointer;
}

img.nomove:hover{
	 top: 0px !important;
	 left: 0px !important;
}

#mnavi img{
	margin:2px 10px 0 5px;
}

.ssearch{
	width:260px;
	margin:5px 0 0 5px; !important;
	opacity:1 !important;
}

#fontSize{
	margin-top:2px; !important;
}

.onlypc{
	display:none;
}

.changeBtn{
	margin:0 10px 0 10px;	
}

#switch_area{
	margin:2px 0 0 2px; !important;
}

#switch_area img{
	margin:0 10px 0 5px;
}

/*S20.whfcont
-----------------------------------*/

#whfcont{
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
}


/*S30.logo
-----------------------------------*/
#logo{

}


/*S40.bread
-----------------------------------*/

#bread, #breadsp{	
		display:block;
		height:auto;
		background-color:#FFF;
		padding:8px 10px 8px 10px;
		border-style:solid;
		border-color:#dadada;
		border-width:0px 0px 1px 0px;
		text-align:left;
}

#bread div, #breadsp div{
		display:inline;
}

#breadsp{
	margin:0 5px 10px 5px;
	border-width:1px;
}

#bread{
	display:none;
}


/*S50.container
-----------------------------------*/

#container{
	margin: 0 auto;
	width: auto;
	background-color:#FFF;
	border-style:solid;
	border-color:#dadada;
	border-width:0;
	}


/*S60.content
-----------------------------------*/

#content{
	margin-bottom: 0em;
	background: #fff;
}
	
#menu{
	text-align:center;
		background: #ccc;
}

#menu span{
	padding: 10px;
	border: 1px solid #0000ff;
}

#menu img{
	padding: 5px;
	}


/*S70.main
-----------------------------------*/

#main{
	overflow: hidden;
	padding:0px;
	
}


/*S80.post
-----------------------------------*/	
.post{

}


#postHeader{
	margin: 0 auto 10px;
	width:auto;
}

#postHeader h1{
	margin: 0 0 0.8em 0;
	padding: 8px 10px 8px 10px;
	color: #fff;
	font-size: 24px;
	font-size: 1.7em;
	font-weight: normal;
	background: #111;		
}

#postHeader{
	}
		
.post h2{
	margin: 1.2em 0 0.8em;
	font-size: 22px;
	font-size: 1.6em;
	color: #333;
}
.post h3{
	margin: 1.5em 0 0.8em;
	font-size: 18px;
	font-size: 1.3em;
	color: #333;
}
.post h4{
	margin: 1.5em 0 0.5em;
	font-size: 16px;
	font-size: 1.1em;
	color: #333;
}
.post section{
	margin: 0;
	padding:10px;
	min-height: 500px;
}

.post img{
		border: 0px solid #fff;
	}

.excerpt{
		border-style:solid;
		border-color:#cccccc;
		border-width:0 0 1px 0;
}			
			
#unotice{
		margin:0 auto 2em auto;
		border-style:solid;
		border-color:#cccccc;
		border-width:0 0 1px 0;
		text-align:center;
		font-size:12px;
}


/*S120.pagenavi
-----------------------------------*/

	#pagenavi{
		width:auto;
		border:solid #FF00F0 0px;
		text-align:center;
		max-width:600px;
		margin-bottom:10px;
	}
	
	#pagenavi .prevp{
		float:left;
		width:auto;
		border:solid #000F0F 0px;
		max-width:230px;
		margin:5px;
		padding:0px;	
	}
	
	#pagenavi .prevp img{
		margin:0 auto 0 0;
		border:solid #2244CC 0px;
	}
	
	#pagenavi .prevp span{
		display:block;
		margin:10 auto 0 0;
		padding-top:2px;
		text-align:left;
	}			
	
	#pagenavi .tohome{
		margin:auto;
		border:solid #6666cc 0px;
		max-width:80px;
		display: none;
	
	}
	
	#pagenavi .nextp{
		float:right;			
		width:auto;
		border:solid #00FF00 0px;
		max-width:230px;
		margin:5px;
		padding:0px;	
	}
	
	#pagenavi .nextp img{
		margin:0 0 0 auto;
		border:solid #00FF00 0px;
	}
	
	#pagenavi .nextp span{
		display:block;				
		margin:0 auto 0 0;
		padding-top:2px;
		text-align:left;
	}


/*S130.sub
-----------------------------------*/

#sub{
	display:block;
	margin:0;
	padding:0;
	width: auto;
	border-style:solid;
	border-color:#f6f6f6;
	border-width:1px;
	background-color:#f6f6f6;
	}
	
	.favbt{
	display:none;			
	}
	
	
	.sideindex{
		display:block;
		margin-bottom:0px;
		font-size:14px;
		font-size:1.4rem;
	}

	.smgarea{
		margin:0 15px 0 15px;	
	}
	
	.sideads{
		text-align:center;		
	}
	
	.sideindex br{
		display: none;
	}
	
	.sidelabel{
		display: block;
		width:100px;
		margin:20px auto 10px 0px;
		padding:3px 2px 1px 2px;
		border: 0px solid #ccc;
		color:#fff;
		font-size:14px;
		font-size:1.4rem;
		font-weight:bold;
		text-align:center;
		background-color:#111;
	}
	
	.sideindex img{
		margin-bottom:10px;
	}
	
	.menu_box{
		margin:0px 0px 15px 0px;
	}
	
	.menu_box li, .blog_menu li{
		background:url(../images/menupoint.gif) no-repeat 1px 0px;
		margin:20px 0px 0px 0px;
		padding:0px 0px 0px 15px;
		line-height:120%;
		list-style-type:none;
		text-align:left;
	}
	
	.menu_box ul, .blog_menu ul{
		list-style-type:none;
		margin:0px;
	}
	

/*S140.footer
-----------------------------------*/

	#footer{
		margin-top:0;
		padding-top:10px;	
		background-color:#111;
		color: #FFF;
	}
	
	#footer a{
		color: #FFF;	
	}
	
	#footerInner{
		margin:0 auto 0 auto;
		display: table;	
	}
	
	#footerInner span{
		line-height:3;
		padding:0 20px 0 20px;
	}

	
	#footer #copyRight{
		margin:0 auto 0 auto;
		max-width: 90%;
		padding: 10px 0 2em 0;
		font-size: 14px;
		font-size: 1.4rem;
		text-align:center;
	}
	

/*====================================================
Over 481px for tablet
====================================================*/
@media only screen and (min-width: 30.0625em){	/*481px*/

/*M00.wrapper
-----------------------------------*/

#wrapper{
		margin-top:3px;
}


/*M10.functions
-----------------------------------*/

ul.dropdownMenu{
	width:460px !important;
}

ul.dropdownMenu ul li{
	width:450px !important;
}

ul.dropdownMenu li { 
	width:115px !important;
}

#cse-search-box {
		width: 260px !important;
	}


/*M20.whfconf
-----------------------------------*/

#whfcont{
	margin-top:3px;
}

	
/*M30.logo
-----------------------------------*/
#logo{
}



#bread{
	display:block;
}

#breadsp{
	display:none;
}

/*M50.container
-----------------------------------*/
#container{

}

/*M60.content
-----------------------------------*/
#content{
}

#main{
	padding:15px 20px;
}

	.post{
	}
	
		.post section{
		padding:0px;
		}
		
		/*ads*/

		.uppertitleads{
			margin-top:0;
		}
		
		/*post head*/
		#postHeader{
		}

			#postHeader h1{
			font-size: 28px;
			font-size: 2.0em;
			}
			
		.post h2{
		}
		.post h3{
		}
		.post img{
			}
			
			
	.onlysp{
		display:none;
	}


	#pagenavi{
		margin:0 auto 0 auto;
	}
			
	#pagenavi .prevp{
		margin:0;
		padding:0;		
	}

	#pagenavi .nextp{
		margin:0;
		padding:0;	
	}

/*M140.footer
-----------------------------------*/
#footer{
}

	#footerInner{
		margin-top:10px;	
	}
	
	#footer #copyRight{
	}
	

/*index grid*/

.articles{
		width:235px !important;
		margin:5px !important;
		padding:10px !important;
}

		
}

/*====================================================
Under 800px for pc
====================================================*/
@media only screen and (min-width: 801px){

	/*L00.wrapper
	-----------------------------------*/
	#wrapper{
		margin-top:5px;
	}
	

	/*L10.whfcont
	-----------------------------------*/
	#whfcont{
		width:800px;
		margin: 5px auto 0px auto;
	}


	/*L20.functions
	-----------------------------------*/
	
	.changeBtn{
		margin:0 5px 0 5px;	
	}
	
	ul.dropdownMenu {
		width:800px !important;
	}
	
	ul.dropdownMenu{
		visibility: hidden;
	}
	
	ul.dropdownMenu ul{
		width:100% !important;
		position: absolute !important;
		left: 0px !important;
		top: 0px !important;
	}
	
	ul.dropdownMenu ul li{
		width:100% !important;
		padding-left:0 !important;
	}
	
	.ssearch, #fontSize, #switch_area{
		visibility: visible !important;
		display:block !important;
	}
	
	.ssearch{
		margin-left:0px;
		left:0px;
	}
	
	#fontSize{
		position: absolute;
		left:300px; !important;
	}
	
	.onlypc{
		display:inline;
	}
	
	#switch_area{
		float:right;
	}
	
	#switch_area img{
		margin:0 0px 0 10px;
	}	

	/*L50.container
	-----------------------------------*/
	
	#container{
		position: relative;
	}
	

	/*L60.content
	-----------------------------------*/
	
	#content{
		margin: 0 0 0em auto;
		
		float: right;
		width: 600px;
		
	border-style:solid;
	border-color:#ff0000;
	border-width:0px;
	}


	/*L70.main
	-----------------------------------*/
	
	#main{
		padding:15px 20px;
		border-left: 1px solid #eeeeee;
	}


	/*L80.post
	-----------------------------------*/
	
	.post{
	}
		/*post head*/
		#postHeader{
			margin: 0 auto 10px;
			width: 100%;
			text-align: left;
		}

		#postHeader h1{
			}
		.post h2{
		}
		.post h3{
		}
		.post img{
			}

		.socialButton{
		}
			.socialButton li{
			}


	/*L130.sub
	-----------------------------------*/
	
	#sub{
		float:left;
		background-color:#fff;
		right: 200;
		top: 0;
		margin: 0;
		padding: 0px;
		width:197px;
		border-width:0;
	}
	
	.favbt{
		display:block;
		margin:0 auto 20px auto;			
	}
	
	#pagenavi{
		margin-bottom:0;
	}	
			
	#sidemenu{
		float:left;
		overflow: hidden;
		margin:0px;
		padding:20px 15px;
		width:169px;
		text-align:center;
		line-height:140%;
	
	}
	
	.sideindex{
		margin-bottom:30px;
	}
	
	.smgarea{
		margin:0;	
	}
	
	.sideindex br{
		display: inline;
	}
	
	.sidelabel{
		margin:0px auto 10px auto;
		padding:3px 2px 1px 2px;
	}
	
	.menu_box{
		margin:0px 0px 15px 0px;
		width:169px;
	}
	
	.menu_box li, .blog_menu li{
		background:url(../images/menupoint.gif) no-repeat 1px 2px;
		margin:10px 0px 10px 0px;
		padding:0px 0px 1.0em 15px;
		line-height:140%;
		list-style-type:none;
	}
	
	.menu_box ul, .blog_menu ul{
		margin:10px 0px 10px 0px;
	}


	/*L140.footer
	-----------------------------------*/
	#footer{
	}
		
		#footer #copyRight{
		}
				
	#pagenavi{
	}
	
		#pagenavi .tohome{
		margin:auto;
		max-width:80px;
		display: block;		
		}	

}

/*====================================================
Over 1060px for wide screen
====================================================*/
@media only screen and (min-width: 66.3125em){	/*1061px*/

	/*LL00.wrapper
	-----------------------------------*/
	
	#wrapper{
	}


	/*LL50.container
	-----------------------------------*/
	
	#container{
		position: relative;
	}
	

	/*LL60.content
	-----------------------------------*/
	
	#content{
		
	}


	#main{
	}

		.post{
		}
			/*post head*/
			#postHeader{
			}
				#postHeader .catch{
				}
			.post h1{
			}
			.post h2{
			}
			.post h3{
			}
			.post img{
				}

			.socialButton{
			}
				.socialButton li{
				}


	/*LL130.sub
	-----------------------------------*/
	#sub{
	}


	/*LL140.footer
	-----------------------------------*/
	#footer{
	}

		#footer #copyRight{
		}

}