h1,h2{
font-weight: normal;
}

h1{
font-size: 1.2em;
margin: 0;
}


body{ margin-left: 0; margin-right: 0; padding: 0;}


/* リンク */
a { color: #0000CC;
text-decoration: none;
 }
 
 a:hover {text-decoration: underline;}
 
 /*　スクロール */
 #rs{ background-color:#fff;}
 
/* コンテナ */
.container {
    width: 970px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:100px;

}


#id1rm {
	font-size: 1.2em;
	line-height: 150%;
	padding: 5px;
	position: fixed;
	bottom: 10px;
	right: 0px
 }

#id1rm a {text-decoration: none}


/* メニュー */
.nav ul {
    font-size: 0.75em;
    margin-top: 0;
    margin-bottom: 0px;
    margin-left: 0;
    padding-left: 0;
    height: 30px;

    border-radius: 5px;
    background-color: #00e0d5;
background: -moz-linear-gradient( #cfe8e7 0%, #00e0d5 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#cfe8e7), to(#00e0d5));
background: -webkit-linear-gradient( #cfe8e7 0%, #00e0d5 100%);
background: -o-linear-gradient( #cfe8e7 0%, #00e0d5 100%);
background: linear-gradient( #cfe8e7 0%, #00e0d5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#cfe8e7, endColorstr=#00e0d5,GradientType=0 );
}
.nav ul li {
    list-style-type: none;
    float: left;
}
.nav ul li a {
    display: block;
    width: 120px;
    line-height: 30px;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    border-right: solid 1px rgb(255,255,255);
}
.nav ul li a:hover { background-color: rgb(1,122,205) }
.nav ul li:first-of-type a:hover { border-radius: 5px 0 0 5px }



/* カテゴリ */
.kate_nav{ margin-bottom:5px;}

.kate_nav ul {
    font-size: 0.8em;
    margin-top: 0;
    margin-bottom: 0px;
    margin-left: 0;
    padding-left: 0;
    height: 25px;
    border-radius: 5px;

}

.kate_nav ul li {
    list-style-type: none;
    float: left;
}

.kate_nav ul li a {
 padding:5px;
    display: block;

    text-decoration: none;
    text-align: center;

    border-right: solid 1px #ccc;
}
.kate_nav ul li a:hover { text-decoration: underline; }
/* ヘッダー */
 .top_header{
 background-color:#996633;
 padding:20px;
}
.top_header h1 { 
color : #fff;
} 

/* コンテンツ */
.article {
    width: auto;
    margin-left: auto;
    margin-right: auto;
	clear :left;
}


/* 記事全体の見出し */
.article .header h2 {
    background-color: #014471;
    padding: 5px;
    border-radius: 5px;
background: #e0fcff;
background: -moz-linear-gradient( #ffffff 0%, #e0fcff 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0fcff));
background: -webkit-linear-gradient( #ffffff 0%, #e0fcff 100%);
background: -o-linear-gradient( #ffffff 0%, #e0fcff 100%);
background: linear-gradient( #ffffff 0%, #e0fcff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffffff, endColorstr=#e0fcff,GradientType=0 );
    line-height: 25px;
    padding-left: 12px;

    margin: 0;

    font-size: 1em;
}



.article p {
    font-size: 1em;
    line-height: 1.4;
    margin-top: 10px;
    margin-left: 12px;
    margin-right: 12px;
}
.left{width:100%;}
.right{width:100%;margin-top:10px; border-top:solid 1px #ccc;}

.header p{
    font-size: 0.8em;
}

.article .section h2 {
    background-color: #ffffff;
    font-size: 0.8em;
    line-height: 20px;
    padding-left: 20px;
    margin: 10px 12px 5px 12px;

}

.sure_list{
border: 1px solid #cccccc;
padding:5px;
margin-top:5px;
}

.sure_list_bbs{
border: 1px solid #cccccc;
padding:5px;
margin-top:5px;
font-size:0.9em;
}

.article .section {
    border-bottom: 1px solid #cccccc;
    /*border-radius: 5px;*/
    margin-bottom: 5px;
	font-size:0.9em;

}

.small{
font-size:0.75em;
}
.mes_name_sure{}
.mes_sure{
margin-top:5px;
border: 1px solid #cccccc;
border-radius: 5px;
font-size:0.9em;
}

.mes_sure .mes_name{
padding:5px;
}
.mes_sure .mes2{
 padding-left:10px;
  padding-top:10px;
   padding-bottom:10px;
}

.sure_title{
padding:10px;
background-color:#F0FFF0;
color:green;
}


.mes2{
 padding-left:10px;
  padding-top:10px;
   padding-bottom:10px;
 	font-family:"Monapo","IPA モナー Pゴシック", "IPAMonaPGothic","ARISAKA-AA","MS Pゴシック", "ＭＳ　Ｐゴシック", "MS PGothic",sans-serif;
	font-size:1em;
	line-height:1.1;
	letter-spacing:normal;
}

.kate{
background-color:#F8F8FF;
border-radius:5px;
padding:7px;
font-size:0.8em;
}

/* フッター */
.footer {

    margin-top: 25px;
	clear:both;
    padding-top: 8px;
    padding-bottom: 8px;
}
small {
    font-size: 0.75em;
    font-style: normal;
    text-align: center;
    display: block;
}




ul{margin:0;padding:0;list-style-type:none;}
ul.title_list{ margin-top:10px;}
.title_list li{padding-bottom:5px;}
#pagenation ul {
margin:5px; 2px;
	list-style: none;

 }



#pagenation li {
float: left;
	border: 1px solid #cecece;
	margin: 0 3px;
	display: block;
	text-decoration: none;
	color: #666;
	background: #fff;
	margin-bottom:2px;
	padding:2px 0;
 }

	#pagenation li a {background: #fff; }

		#pagenation li a:hover {
		
			color: #666;
			background: lightblue;
			border: 0;
		 }

#pagenation ul li span,#pagenation ul li a {padding:2px 7px; font-size;1em;}




.both{clear:both;}

.login{margin:15px;}



col.a{
width:180px;
}


.bbs_form{
width:500px;
height:150px;
}

.url{
font-size:1.2em
}

.list{
border-bottom: 1px solid #ccc;
margin-top:10px;
padding:10px;
font-size:1.2em

}

.time{
font-size:0.8em
}

.video_list_1{
margin-bottom:5px;
}



.job_kousin{
margin-top:5px;
}





.form  td{padding-bottom:20px;}

.form textarea{
width:600px;
}

.update2{
width:600px;
}

table.list{
width:100%;
font-size:0.8em;
border-collapse : collapse ;
}

table.list .a{
width:10%;
background-color:#FFEFD5;
}



table.list .b{
width:40%;
}

.list td{
border:solid 1px #ccc;
padding:10px;
}

.job{
width:100%;
font-size:1em;
border-collapse : collapse ;
margin-top:100px;
}


.job .a{
width:20%;
background-color:#FFEFD5;
}

.job   td{
border:solid 1px #ccc;
padding:10px;
}

.mail_form{
height:300px;
width:100%;
}

.maru_mail_form{
margin-right:10px;
}


.p2em{
font-size:20px;
}






/* タブレット設定 */
@media only screen and (min-width: 600px) and (max-width:899px) { 
    div.container {
        width: 100%;
        box-sizing: border-box;/* パディングとボーダーを幅と高さに含める */
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 0 10px;
    }
    .header .pageheader img {
        width: 100%;
        height: auto;
    }

.left{width:100%;}
.right{width:100%;}
	
}
/* スマートフォン設定 */
@media only screen and (max-width:599px) { 
    .container {
        width: 100%;
        box-sizing: border-box;/* パディングとボーダーを幅と高さに含める */
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 0 10px;
    }
    .nav ul li a {
        width: auto;
        display: inline-block;/* 横並びにする */
        padding: 0 10px;
    }
    .header .pageheader h2 {
        font-size: 21px;
        margin-right: 15px;
    }
    .article .header h2 { float: none }
    .article .header p { margin: 0 }

.left{width:100%;}
.right{width:100%;}
	
	
.bbs_form{
width:320px;
height:100px;
}

.form textarea{
width:200px;
}

.update2{
width:200px;
}