@charset "utf-8";


body{ 
padding: 0; 
margin: 0;
background-color: #e6e6e6; 
}


#container{ 
margin: auto; 
padding: 0; 

color: #333;

font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, sans-serif; 
/* 'ヒラギノ丸ゴ Pro W4',HiraMaruPro-W4, */

border-bottom-width: 1px; 
border-bottom-style: solid; 
border-bottom-color: #4c4c4c; 

border-right-width: 1px; 
border-right-style: solid; 
border-right-color: #4c4c4c; 

border-left-width: 1px; 
border-left-style: solid; 
border-left-color: #4c4c4c; 

background-color: white; 
}

#header{
margin: 0;   
padding: 10px; 
color: white;
background-color: #4c4c4c; 

border-bottom-color: #b3b3b3; 
border-bottom-width: 1px; 
border-bottom-style: solid; 

font-weight: bold; 
}

#header a{ background-color: #4c4c4c; text-decoration: none; color: white; }

#header a:hover{ background-color: #4c4c4c; text-decoration: none; color: #6666ff; }

#footer{ 
margin: 0; 
padding: 0.5em;  

color: #cccccc;
background-color: #4c4c4c; 
font-weight: bold;  
text-align: right; 

border-top-width: 1px;
border-top-style: solid;  
border-top-color: #b3b3b3; 
}

#footer a{ background-color: #4c4c4c; text-decoration: none; color: white; }

#footer a:hover{ background-color: #4c4c4c; text-decoration: none; color: #6666ff; }

.date{ 
font-size: 80%;
text-align: right; 
margin: 0 0 0 2em; 
color: #4c4c4c;  
}

h1{ 
color: #804000; 
padding-bottom: 0; 
margin-bottom: 0; 
border-bottom-color: #b3b3b3; 
border-bottom-width: 1px; 
border-bottom-style: solid; 
font-weight: bold; 
font-size: 120%; 
}

h2{ 
margin-top: 2em; 
padding-left: 0.5em; 
border-left-color: #4c4c4c; 
border-left-width: 1em; 
border-left-style: solid; 


border-bottom-color: #4c4c4c; 
border-bottom-width: 2px; 
border-bottom-style: solid; 


color: #804000; 
padding-bottom: 0; 
margin-bottom: 0.5em; 
font-weight: bold; 
font-size: 100%; 
}

h3, h4{ 
padding-left: 0.5em; 
border-left-color: #4c4c4c; 
border-left-width: 0.5em; 
border-left-style: solid; 

border-bottom-color: #4c4c4c; 
border-bottom-width: 1px; 
border-bottom-style: solid; 


color: #804000; 
padding-bottom: 0px; 
margin-bottom: 0.5em; 
font-weight: bold; 
font-size: 90%; 
}

p{ margin-bottom: 2em; }/*line-height: 1.5em; */

ul{ margin-bottom: 2em; }/*line-height: 1.5em; */

li{ margin-bottom: 1em; }/*line-height: 1em; */

ol li{ margin-bottom: 3em;  }/*line-height: 1.5em;*/

dl{ margin-bottom: 3em; }/*line-height: 1.5em; */


strong{ font-size: 120%; font-weight: bold; }
strong big{ font-size: 200%;}

blockquote{ 
padding: 1em; 
color: #191919; 
background-color: #e6e6e6; 
border-color: #666666; 
border-width: 1px; 
border-style: dotted; 
margin-bottom: 3em;
}

a{
/* padding: 0 0.5em 0 0.5em; */
text-decoration: none;
color: #6666ff;
}

a:hover{ color: blue; text-decoration: underline; background-color: #ffff66; }

a:active{ color: red; background-color: white; }

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

.noborder{ 
border-color: #ffffff; 
border-width: 1px; 
border-style: solid; 
}

table{ margin-bottom: 3em; }

table tr th{ background-color: #cccccc; }

.red-line{ border-bottom-color: red; border-bottom-width: 0.2em; border-bottom-style: solid; }

em{ background-color: #ffe8f7; border-bottom-color: red; border-bottom-width: 0.2em; border-bottom-style: solid; }

dt{ font-weight: bold; margin-top: 1em; }

address{ margin-top: 3em; }

.column{margin: 1em;
	padding: 1em;
	border: 1px dotted green;
	font-size: 90%;
}

/* tw-button */

.tw-button a{
	font-weight: bold;
	text-decoration: none;
	color: white;
	padding: 0.5em 1em;
	border-radius: 5px;
	background-color: rgb(102,153,178);
	background-image: -webkit-linear-gradient(top, rgb(198,238,255), rgb(82,133,158));
	background-image: linear-gradient(to bottom, rgb(188,228,247), rgb(102,153,178));
	border: 1px solid rgb(183,213,229);
	box-shadow: 1px 1px 0 rgb(213,243,255) inset;
	text-shadow: 0 -1px 0 gray;
}

.tw-button a:hover	{	opacity: 0.7;}


/*記事中の広告*/
.ad{ margin: 0; padding: 3em 0; color: #b3b3b3; font-size: 80%; text-align: center;}

.ad-bottom{ padding: 0; color: #b3b3b3; font-size: 80%; margin: 0; text-align: center;}

.ad-webmaster{ padding: 0 0 3em 0;}

.in-ads img{	border: none;}

.a8-ads{	margin-top: 4em; padding: 16px 0 8px 0; width: 100%;	background-color: ivory;	border-top: 1px solid silver;}


@media screen and (min-width: 320px){
/* スマホ*/
	#container{ width:310px;
				font-size:90%;}
	
	#article{	margin: 0.5em;
				padding: 1em 1em 0;}
				
						
		img {	max-width: 100%;
				height: auto;
				width:auto\9; /* ie8 */}

}

@media screen and (min-width: 480px){
/* 大きめスマホ*/
	#container{ width:460px;
				font-size:90%;}
				
	#article{	margin: 0.5em;
				padding: 1em 1em 0;}

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

}

@media screen and (min-width: 568px){
/* タブレット*/
	#container{ width:560px;
				font-size:90%;}
				
	#article{	margin: 0.5em;
				padding: 1em 1em 0;}
				
		img {	max-width: 70%;
				height: auto;
				width:auto\9; /* ie8 */}

}



@media screen and (min-width: 768px){
/* 800px以上、パソコン、大型タブレット*/
	#container{ width:728px;
				font-size:100%; }
				
	#article{	margin: 19px;
				padding: 24px 24px 0;}
				
		img {	max-width: 100%;
				height: auto;
				width:auto\9; /* ie8 */}

}