/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
body {
    line-height:1;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
 
nav ul {
    list-style:none;
}
 
blockquote, q {
    quotes:none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
 
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
 
del {
    text-decoration: line-through;
}
 
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
table {
    border-collapse:collapse;
    border-spacing:0;
}
 
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
 
input, select {
    vertical-align:middle;
}





/* DTP */
@media screen and (min-width:1000px) {

body{
	margin-right: auto;
	margin-left : auto;
	width:1000px;
	background-color:#FDD6A3
}
.bodycolor{
	background-color:#FFFFFF;
	
}

.headerline{
	width: 1000px;
	height: 123px;
	background-image: url(img/header_img.png);
	
}
.img22{
	width:260px;
    height:120px;
}
.title_box{
	margin: auto;
	width: 800px;
	height:130px;
	display: table;
}
.title_icon{
	vertical-align: middle;
	display:table-cell
}
.title_txt{
	vertical-align: middle;
	display:table-cell
}
.title_font{
	font-family: arial, sans-serif;
	font-size: 35px;
	color:#FFFFFF
	
}
nav{
	height:43px;
}
.navg{
	 width:1000px;
  	margin:0 auto;
	background:url(img/ver.png);
}
.navg:after {
  content: "";
  clear: both;
  display: block;
}
.navg li{
  float:left;
  width:166px;
  
}
.navg a{
  display:block;
  line-height:43px;
  height:43px;
  text-align:center;
  background:url(img/ver.png);
  color:#000000;
  font-size:22px;
  text-decoration: none;
}

.navg li:first-child a{
  border-left:1px solid #989595;
 
}
.art{
	width:1000px;
	height:264px;
	background-color: #CCFFFF;
}
.ver2{
	width:1000px;
	height:34px;
    background:url(img/ver2.png);
}
.sec{
	margin: auto;
	width:294px;
	height:230px;
}
.new{
	padding-top:8px;
	padding-left:10px;
	width:930px;
	height:22px;
	background:url(img/ver3.png);
}
.new_txt{
	background-color:#CCFFFF;
	padding-top:5px;
}
.new_txt1{
	padding-top:5px;
	margin-left:10px;
	height:19px;
}
.art_1{
	margin-top:30px;
	margin-left:30px;
/*	height:200px; */
	width:940px;
}
.new_txt2{
	background-color: #CCFFFF;
	width:940px;
	height:170px;
}
.arkaib{
	margin-left:30px;
	margin-top:20px;
	float:left;
	width:370px;
	margin-bottom:30px;
	
}
.sec1{
	padding-top:8px;
	padding-left:10px;
	background:url(img/ver4.png);
	height:22px;
}
.kategory{
	margin-top:20px;
	margin-right:30px;
	float:right;
	width:530px;
	margin-bottom:30px;
}
.sec2{
	padding-top:8px;
	padding-left:10px;
	background:url(img/ver4.png);
	height:22px;
}
aside{
	float:left; /*←aside（サイドバー）はfloat:rightで右寄せに。*/
	width:300px;
	height:300px;
}
footer{
	clear:both;
	height:45px;
	width: 1000px;
	background-image: url(img/footer.png);
}
.footer_txt{
	width:1000px;
	padding-top:10px;
	text-align:center;
	
}

/*single.php
*/
.shingl{
	margin-right:auto;
}
.shingl_ver{
	margin-top:5px;
	margin-right:auto;
	margin-left:auto;
   	padding-top:5px;
    	padding-left:10px;
	width:730px;
	height:20px;
	background-image: url(img/ver6.png);
}
.shingl_cate{
	width:745px;
	margin-top:5px;
	margin-right:auto;
	margin-left:auto;
}
.shingl_date{
	width:745px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:auto;
	margin-left:auto;
	text-align:right;
}
.contents{
    width:725px;
    height:auto;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:20px;
    padding-left:10px;
}
.postNavi{
    width:745px;
    margin-right:auto;
	margin-left:auto;
}

.shingl_ver2{
    width:745px;
    margin-right:auto;
	margin-left:auto;
}
.contentsW{
    width:1000px;
    height:auto;
 /*   border: 1px solid #e51010; */
}
.maincontens2{
    float:right;
    width:750px; 
}
.subcontents{
    width:240px;
    height:1000px;
    float:left;
   /* border: 1px solid #000000; */
    background-color:antiquewhite;
}
.categories{
    margin-top:5px;
    margin-left:5px;
    width:227px;
    height:172px;
    border: 1px solid #000000;
    background-color:#FFFFFF;
}
.archives{
    margin-top:40px;
    margin-left:5px;
    width:227px;
    height:172px;
    border: 1px solid #000000;
    background-color:#FFFFFF;
}
.cate_title{
    padding-top:10px;
    width:227px;
    height:30px;
    background-color:#CC3366;
    text-align:center;
    color:#ffffff;
    font-size:20px;
}
.art_title{
    padding-top:10px;
    width:227px;
    height:30px;
    background-color:#CC3366;
    text-align:center;
    color:#ffffff;
    font-size:20px;
}
.cate_list li{
    padding-top:7px;
    padding-left:10px;
    list-style:none;
    width:216px;
}
.cate_list a{
   font-size:20px;
}
.cate_list li:first-child{
    padding-top:7px;
    padding-left:10px;
    list-style:none;
    width:216px;
   /* border-bottom: 1px solid #000000; */
}

.art_list li{
    padding-top:7px;
    padding-left:10px;
    list-style:none;
    width:216px;
    /* border-bottom: 1px solid #000000; */
}
.art_list a{
   font-size:20px;
}
.art_list li:first-child{
    padding-top:7px;
    padding-left:10px;
    list-style:none;
    width:216px;
    /* border-bottom: 1px solid #000000; */
}
.ver1_1{
 padding-top:10px;
 padding-left:10px;
 margin-left:5px;
 width:730px;
 height:20px;
 background-image: url(img/ver1-1.png);
 color:#FFFFFF;
}
.maincontents2{
    width:980px;
    margin-left:auto;
    margin-right:auto;
}
.title_page{
    margin-bottom:10px;
    margin-top:20px;
	padding-top:7px;
    padding-left:15px;
	width:965px;
    height:28px;
	background:url(img/ver7.png);
    font-size:25px;
}
    
.rapper_b{
    width:1000px;
}
.s_title_1{
    margin-top:20px;
    margin-left:10px;
    padding-left:10px;
    height:25px;
    width:960px;
    font-size:25px;
    background:url(img/dtp_ver.png);
}
.moji{
    margin-top:20px;
    margin-left:20px;
    margin-bottom:10px;
    width:900px;
  /*  border-style:solid;*/
    font-size:20px;
}


.pic_box_1{
    margin-left:20px;
 /*   display:inline-block;*/
    border-style:solid;
}
.fonttt{
    margin-left:5px;
    font-size:19px;
    text-align:left;
}

    
.alignnone{
    width:390px;
    height:auto;
}  
   
    
.sd{
     height:200px;
}
    
}



/* TAB */
@media screen and (max-width: 768px) {
 
body{
	margin-right: auto;
	margin-left : auto;
	width:414px;
	background-color:#FDD6A3
}
.bodycolor{
	background-color:#FFFFFF;
	
}
.headerline{
	width: 414px;
	height: 109px;
	background-image: url(img/header_smt.png);
	
}
.img22{
	width:130px;
    height:60px;
}
.title_box{
    padding-top:20px;
	margin-right: auto;
    margin-left: auto;
	width: 100%;
	height:70px;
	display: table;
}
.title_icon{
    width: 132px;
	height:60px;
	vertical-align: middle;
	display:table-cell
}
.title_txt{
	vertical-align: middle;
	display:table-cell
}
.title_font{
	font-family: arial, sans-serif;
	font-size: 20px;
	color:#FFFFFF
}
    
    
nav{
	height:140px;
}
.navg{
    width:100%;
  	margin:0 auto;
	background:url(img/ver.png);
}
.navg:after {
  content: "";
  clear: both;
  display: block;
}
.navg li{
  float:left;
  width:138px;
  
}
.navg a{
  display:block;
  line-height:70px;
  height:70px;
  text-align:center;
  background:url(img/smtbot.png);
 color:#000000; 
  font-size:21px;
  text-decoration: none;
}

.navg li:first-child a{
  border-left:1px solid #989595;
 
}
.art{
	width:414px;
	height:264px;
	background-color: #CCFFFF;
}
.ver2{
	width:414px;
	height:34px;
    background:url(img/smt_ver2.png);
}
.sec{
	margin:auto;
	width:294px;
	height:230px;
}
.new{
	padding-top:8px;
	padding-left:10px;
	width:384px;
	height:22px;
	background:url(img/smt_ver3.png);
}
.new_txt{
	background-color: #CCFFFF;
    padding-top: 5px;
    width:394px;
}
.new_txt1{
	padding-top:5px;
	margin-left:10px;
	height:19px;
    font-size:13px
}
.art_1{
	margin-top:30px;
	margin-left:10px;
/*	height:200px; */
	width:404px;
}
.new_txt2{
	background-color: #CCFFFF;
	width:394px;
	height:170px;
}
.arkaib{
	margin-left:10px;
	margin-top:20px;
	float:left;
	width:404px;
	margin-bottom:30px;
	
}
.sec1{
	padding-top:8px;
	padding-left:10px;
    width:384px;
	background:url(img/smt_ver3.png);
	height:22px;
}
.kategory{
    margin-left: 10px;
    margin-top: 20px;
    float: left;
    width: 404px;
	margin-bottom:30px;
}
.sec2{
	padding-top:8px;
	padding-left:10px;
	background:url(img/smt_ver3.png);
	height:22px;
    width:384px;
}
aside{
	float:left; /*←aside（サイドバー）はfloat:rightで右寄せに。*/
	width:414px;
	height:300px;
}
footer{
	clear:both;
	height:45px;
	width: 414px;
	background-image: url(img/footer.png);
}
.footer_txt{
	width:414px;
	padding-top:15px;
	text-align:center;
	
}

/*single.php
*/
.shingl{
	margin-right:auto;
}
.shingl_ver{
	margin-top:5px;
	margin-right:auto;
	margin-left:auto;
    padding-top:5px;
    padding-left:10px;
	width:404px;
	height:20px;
	background-image: url(img/ver6.png);
}
.shingl_cate{
	width:414px;
	margin-top:5px;
	margin-right:auto;
	margin-left:auto;
}
.shingl_date{
	width:414px;
	margin-top:4px;
	margin-right:auto;
	margin-left:auto;
	text-align:right;
}
.contents{
    width:400px;
    margin-right:auto;
	margin-left:auto;
    margin-bottom:20px;
    padding-left:10px;
}
.postNavi{
    height:40px;
    width:414px;
    margin-right:auto;
	margin-left:auto;
    padding-bottom:30px;
}
.shingl_ver2{
    width:745px;
    margin-right:auto;
	margin-left:auto;
}
.contentsW{
    width:414px;
 /*   border: 1px solid #e51010; */
}

.subcontents{
    width:414px;
    height:600px;
    float:left;
   /* border: 1px solid #000000; */
    background-color:antiquewhite;
}
.categories{
    margin-top:5px;
    margin-left:5px;
    padding-bottom:20px;
    width:400px;
    border: 1px solid #000000;
    background-color:#FFFFFF;
}
.archives{
    margin-top:10px;
    margin-left:5px;
    padding-bottom:20px;
    width:400px;
    border: 1px solid #000000;
    background-color:#FFFFFF;
}
.cate_title{
    padding-top:10px;
    width:400px;
    height:30px;
    background-color:#CC3366;
    text-align:center;
    color:#ffffff;
    font-size:20px;
}
.art_title{
    padding-top:10px;
    width:400px;
    height:30px;
    background-color:#CC3366;
    text-align:center;
    color:#ffffff;
    font-size:20px;
}
.cate_list li{
    padding-top:7px;
    padding-left:10px;
    list-style:none;
    width:216px;
}
.cate_list a{
   font-size:20px;
}
.cate_list li:first-child{
    padding-top:7px;
    padding-left:10px;
    list-style:none;
    width:216px;
   /* border-bottom: 1px solid #000000; */
}
img {
    max-width:100%;
    height:auto;
    }
.art_list li{
    padding-top:7px;
    padding-left:10px;
    list-style:none;
    width:216px;
    /* border-bottom: 1px solid #000000; */
}
.art_list a{
   font-size:20px;
}
.art_list li:first-child{
    padding-top:7px;
    padding-left:10px;
    list-style:none;
    width:216px;
    /* border-bottom: 1px solid #000000; */
}
.ver1_1{
 padding-top:10px;
 padding-left:10px;
 width:404px;
 height:20px;
 background-image: url(img/ver1-1.png);
 color:#FFFFFF;
}
.maincontents2{
    width:414px;
    margin-left:auto;
    margin-right:auto;
}
.title_page{
    margin-bottom:10px;
    margin-top:20px;
	padding-top:7px;
    padding-left:15px;
	width:399px;
    height:28px;
	background:url(img/ver7.png);
    font-size:25px;
}   
    
.rapper_b{
    width:414px;
}
.s_title_1{
    margin-top:20px;
    margin-left:10px;
    padding-left:10px;
    height:25px;
    width:380px;
    font-size:19px;
    background:url(img/smt_ver4.png);
}
.moji{
    margin-top: 20px;
    margin-left: 20px;
    width:290px;
  /*  border-style:solid;*/
    font-size:13px;
}

.pic_box_1{
    margin-left:20px;
 /*   display:inline-block;*/
    border-style:solid;
}
.fonttt{
    margin-left:5px;
    font-size:12px;
    text-align:left;
}
.alignnone{
    width:172px;
    height:auto;
}

}



/* smartPhone */
@media screen and (max-width: 410px) {
 
body{
	margin-right: auto;
	margin-left : auto;
	width:318px;
	background-color:#FDD6A3
}
    
    
.bodycolor{
	background-color:#FFFFFF;
	
}

.headerline{
	width: 318px;
	height: 75px;
	background-image: url(img/header_smt.png);
	
}
.img22{
	width:79px;
    height:45px;
}
.title_box{
    padding-top:20px;
	margin-right: auto;
    margin-left: auto;
	width: 100%;
	height:70px;
	display: table;
}
.title_icon{
    width: 80px;
	height:60px;
	vertical-align: middle;
	display:table-cell
}
.title_txt{
	vertical-align: middle;
	display:table-cell
}
.title_font{
	font-family: arial, sans-serif;
	font-size: 16px;
	color:#FFFFFF
}
    
    
nav{
	height:140px;
}
.navg{
    width:100%;
  	margin:0 auto;
	background:url(img/ver.png);
}
.navg:after {
  content: "";
  clear: both;
  display: block;
}
.navg li{
  float:left;
  width:106px;
  
}
.navg a{
  display:block;
  line-height:70px;
  height:70px;
  text-align:center;
  background:url(img/smtbot.png);
 color:#000000; 
  font-size:15px;
  text-decoration: none;
}

.navg li:first-child a{
  border-left:1px solid #989595;
 
}
.art{
	width:318px;
	height:264px;
	background-color: #CCFFFF;
}
.ver2{
	width:318px;
	height:34px;
    background:url(img/smt_ver2.png);
}
.sec{
	margin:auto;
	width:294px;
	height:230px;
}
.new{
	padding-top:8px;
	padding-left:10px;
	width:288px;
	height:22px;
	background:url(img/smt_ver3.png);
}
.new_txt{
	background-color: #CCFFFF;
    width:298px;
}
.new_txt1{
	padding-top:5px;
	margin-left:10px;
	height:19px;
    font-size:10px
}
.art_1{
	margin-top:30px;
	margin-left:10px;
/*	height:200px; */
	width:308px;
}
.new_txt2{
	background-color: #CCFFFF;
	width:298px;
	height:170px;
}
.arkaib{
	margin-left:10px;
	margin-top:20px;
	float:left;
	width:404px;
	margin-bottom:30px;
	
}
.sec1{
	padding-top:8px;
	padding-left:10px;
    width:288px;
	background:url(img/smt_ver3.png);
	height:22px;
}
.kategory{
    margin-left: 10px;
    margin-top: 20px;
    float: left;
    width: 404px;
	margin-bottom:30px;
}
.sec2{
	padding-top:8px;
	padding-left:10px;
	background:url(img/smt_ver3.png);
	height:22px;
    width:288px;
}
aside{
	float:left; /*←aside（サイドバー）はfloat:rightで右寄せに。*/
	width:318px;
}
footer{
	clear:both;
	height:45px;
	width: 318px;
	background-image: url(img/footer.png);
}
.footer_txt{
	width:318px;
	padding-top:15px;
	text-align:center;
    font-size:12px;
	
}

/*single.php
*/
.shingl{
	margin-right:auto;
}
.shingl_ver{
	margin-top:5px;
	margin-right:auto;
	margin-left:auto;
    padding-top:5px;
    padding-left:10px;
	width:308px;
	height:20px;
	background-image: url(img/ver6.png);
}
.shingl_cate{
	width:318px;
	margin-top:5px;
	margin-right:auto;
	margin-left:auto;
}
.shingl_date{
    width:318px;
	margin-top:4px;
	margin-right:auto;
	margin-left:auto;
	text-align:right;
}
.contents{
    width:305px;
    margin-right:auto;
	margin-left:auto;
    margin-bottom:20px;
    padding-left:5px;
}
img {
    max-width:100%;
    height:auto;
    }
.postNavi{
    width:318px;
    height:80px;
    margin-right:auto;
	margin-left:auto;
}
.shingl_ver2{
    width:745px;
    margin-right:auto;
	margin-left:auto;
}
.contentsW{
    width:318px;
   /* height:600px;*/
 /*   border: 1px solid #e51010; */
}
.subcontents{
    width:318px;
    height:600px;
    float:left;
   /* border: 1px solid #000000; */
    background-color:#FFFFFF;
    /*display:none;*/
    
}
.categories{
    margin-top:5px;
    margin-left:5px;
    width:308px;
    height:172px;
    border: 1px solid #000000;
    background-color:#FFFFFF;
}
.archives{
    margin-top:20px;
    margin-left:5px;
    width:307px;
    height:172px;
    border: 1px solid #000000;
    background-color:#FFFFFF;
}
.cate_title{
    padding-top:10px;
    width:308px;
    height:30px;
    background-color:#CC3366;
    text-align:center;
    color:#ffffff;
    font-size:20px;
}
.art_title{
    padding-top:10px;
    width:307px;
    height:30px;
    background-color:#CC3366;
    text-align:center;
    color:#ffffff;
    font-size:20px;
}
.cate_list li{
    padding-top:7px;
    padding-left:10px;
    list-style:none;
    width:216px;
}
.cate_list a{
   font-size:20px;
}
.cate_list li:first-child{
    padding-top:7px;
    padding-left:10px;
    list-style:none;
    width:216px;
   /* border-bottom: 1px solid #000000; */
}

.art_list li{
    padding-top:7px;
    padding-left:10px;
    list-style:none;
    width:216px;
    /* border-bottom: 1px solid #000000; */
}
.art_list a{
   font-size:20px;
}
.art_list li:first-child{
    padding-top:7px;
    padding-left:10px;
    list-style:none;
    width:216px;
    /* border-bottom: 1px solid #000000; */
}
.ver1_1{
 padding-top:10px;
/* padding-left:10px;*/
 /*margin-left:5px;*/
 width:307px;
 height:20px;
 background-image: url(img/ver1-1.png);
 color:#FFFFFF;
}
.maincontents2{
    width:318px;
    margin-left:auto;
    margin-right:auto;
}
.title_page{
    margin-bottom:10px;
    margin-top:20px;
	padding-top:7px;
    padding-left:15px;
	width:303px;
    height:28px;
	background:url(img/ver7.png);
    font-size:25px;
}   
    
    
.rapper_b{
    width:318px;
}
.s_title_1{
    margin-top:20px;
    margin-left:10px;
    padding-left:10px;
    height:25px;
    width:277px;
    font-size:19px;
    background:url(img/ss_ver7.png);
}
.moji{
    margin-top: 20px;
    margin-left: 20px;
    width:290px;
  /*  border-style:solid;*/
    font-size:13px;
}


.pic_box_1{
    margin-left:20px;
 /*   display:inline-block;*/
    border-style:solid;
}
.fonttt{
    margin-left:5px;
    font-size:12px;
    text-align:left;
    }
.alignnone{
    width:122px;
    height:auto;
}   
    
    
/*ここにスマホ用スタイルを記述*/
}