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

html,body{
height:100%;
margin:0px;
padding:0px;
}

body{
font-size: 12px;
text-align: left;
font-family: "Meiryo","郢晢ｽ｡郢ｧ�､郢晢ｽｪ郢ｧ�ｪ","MS PGothic","MS P郢ｧ�ｴ郢ｧ�ｷ郢晢ｿｽ縺",Osaka,sans-serif;
background-color: #eeeeee;
-webkit-text-size-adjust:none;
}

ul, li {
-webkit-padding-start: 0px;
list-style: none;
margin: 0;
padding: 0;
}

img{
border:none;	
}

p{
display: block;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

pre{
width:680px;
word-break: break-all;
white-space: pre-wrap;
word-wrap: break-word;
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: pre-wrap;      /* CSS3 */
word-wrap: break-word;      /* IE 5.5+ */
font-size:16px;
font-family: "Meiryo","繝｡繧､繝ｪ繧ｪ","MS PGothic","MS P繧ｴ繧ｷ繝�け",Osaka,sans-serif;
}

h1 {
display: block;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}

* html div#page{
height:100%;
}

body > #page{
height: auto;
}


/*//////////////////////////////////////////////////////////////////header//////////////////////////////////////////////////////////////*/		
#header{
width:100%;
height:90px;
background: rgb(69,72,77); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.in_header{
width:1000px;
margin:0 auto;
height:90px;
}
	
#head_left{
width: 220px;
float: left;
margin-top: 18px;
margin-left:20px;
}
	
#head_right{
width:360px;
float:left;
}


/*//////////////////////////////////////////////////////////////////date//////////////////////////////////////////////////////////////*/		
#date{
width:980px;
height:40px;
}

#date-left{
width:690px;
height:40px;
float:left;
}

#date-right{
width:290px;
height:40px;
float:left;
text-align:right;
}

#date-right p{
margin-top:20px;
margin-right:10px;
}

#date ul{
width:690px;
height:40px;	
}

#date ul li{
float:left;
margin-left:40px;
margin-top:10px;
}


/*//////////////////////////////////////////////////////////////////title//////////////////////////////////////////////////////////////*/		
/*記事タイトル*/
.title2 {width:680px;height:30px;background:silver;margin-top:10px;margin-bottom:10px;}
.lefttitle{width:500px;height:30px;float:left;}
.lefttitle h1{font-size:16px;padding-left:5px;line-height:30px;}
.righttitle{width:180px;float:left;}		
.righttitle p{line-height:30px;font-size:14px!important;}



div#page{
width: 980px;
margin:0px auto;
position:relative;
min-height: 100%;
background:white;
padding-bottom:30px;
}



/*//////////////////////////////////////////////////////////////////SNS//////////////////////////////////////////////////////////////*/		
#sns{
width:680px;
height:40px;
}

#sns ul{
width:680px;
margin-top:20px;}

#sns ul li{
float:left;
margin-left:40px;}


/*//////////////////////////////////////////////////////////////////関連記事//////////////////////////////////////////////////////////////*/	
#janre{
padding-top: 20px;
border-bottom: 1px dashed tomato;
padding-bottom: 10px;
}	

#janre h1{
font-size: 18px;
border-bottom: 1px dashed tomato;
border-left: 5px solid tomato;
padding-left: 10px;
padding-bottom: 5px;
}

#janre ul {
padding-left: 20px;
}

#janre ul li {
font-size: 13px;
list-style: disc;
margin-top: 5px;
}

/*//////////////////////////////////////////////////////////////////main//////////////////////////////////////////////////////////////*/		

#main{
width:680px;
margin-left:20px;
float:left;
}



/*//////////////////////////////////////////////////////////////////side//////////////////////////////////////////////////////////////*/		
#side{
width:260px;
min-height:100%;
padding-left:20px;
padding-top:7px;
float:left;
}

#side ul li {
margin-bottom: 30px;
margin-left:5px;
}

#side ul li a img{
border:1px solid silver;
}

ul.social{
width:320px;
display:block;
}
	
ul.social li{
width:58px;
height:58px;
margin-left:3px;
float:left;
}
	
ul.social li img{
border:1px solid silver;
}	


/*//////////////////////////////////////////////////////////////////footer//////////////////////////////////////////////////////////////*/		
#footer{
height:120px;
width:100%;
background:gray;
}

#footer p{
text-align:center;
position:relactive;
top:20px;}

#infoot{
width:980px;
height:100px;
margin:0 auto;
}

#infoot ul{
width:980px;}

#infoot ul li{
float:left;
margin-left:20px;
margin-top:20px;
}