/* [ layout.css ] スマートフォン用共通部分のスタイルシート */

body,p,h1,h2,h3,h4{
	margin : 0px;
	padding : 0px;
}

body{
	background: url(image/bg_body.gif);
	background-position: center;
	font-size : 16px;
	line-height : 30px;
	font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	-webkit-text-size-adjust : 100%;
	text-size-adjust : 100%;
}

td{
	text-align : center;
}

footer{
	background-color: #000;
	color : #ddd;
	padding : 15px;
	font-size : 12px;
	line-height : 18px;
}


/* ----------------------------------------------- */
@media screen and (max-width: 640px){

	#box_bg{
		width: 100%;
		background-color: #ddd;
	}

}
@media screen and (min-width: 641px){

	#box_bg{
		width: 640px;
		margin: 0px auto;
		background-color: #ddd;
	}

}
/* ----------------------------------------------- */


nav.head_foot{
	line-height : 0px;
}


h1{
	color : white;
	font-size : 15px;
	line-height : 20px;
	font-weight : bold;
	text-align : center;
	text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.4);
	margin-bottom : 10px;
	border-radius : 6px;
	padding : 10px 0px 8px;
	-webkit-box-shadow : 1px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow : 1px 1px 3px rgba(0, 0, 0, 0.3);
	background : url(image/bg_h1.jpg);
	background-size : cover;
}

h2{
	color : white;
	font-size : 15px;
	line-height : 20px;
	font-weight : normal;
	text-align : center;
	text-decoration : none;
	margin : 10px 0px 10px 0px;
	padding : 10px 0px 8px;
	border-radius : 8px;
	background : #444444;
}

h3{
	color : white;
	font-size : 15px;
	line-height : 20px;
	font-weight : normal;
	text-align : center;
	text-decoration : none;
	margin : 0px 0px 8px 0px;
	padding : 8px 10px 6px;
	border-radius : 8px;
	background : #777777;
}

h4{
	color : black;
	font-size : 15px;
	line-height : 20px;
	font-weight : normal;
	text-align : center;
	text-decoration : none;
	margin : 0px 0px 8px 0px;
	padding : 8px 10px 6px;
	border-radius : 6px;
	border : 1px #aaaaaa solid;
	background : #eeeeee;
}

h5{
	color : white;
	font-size : 15px;
	line-height : 20px;
	font-weight : normal;
	text-align : center;
	text-decoration : none;
	margin : 0px 0px 8px 0px;
	padding : 8px 10px 6px;
	border-radius : 6px;
	background : #82bf2f;
}

p{
	margin-bottom : 10px;
	padding : 0px 10px;
}

p.bar1{
	color : white;
	font-size : 15px;
	line-height : 15px;
	font-weight : normal;
	text-align : center;
	text-decoration : none;
	margin : 0px 0px 8px 0px;
	padding : 6px 10px;
	background : #555555;
}

p.bar2{
	color : white;
	font-size : 15px;
	line-height : 15px;
	font-weight : normal;
	text-align : center;
	text-decoration : none;
	margin : 0px 0px 8px 0px;
	padding : 6px 10px;
	background : #888888;
}

p.bar3{
	color : black;
	font-size : 15px;
	line-height : 15px;
	font-weight : normal;
	text-align : center;
	text-decoration : none;
	margin : 0px 0px 8px 0px;
	padding : 6px 10px;
}

img{
	vertical-align : bottom;
}

b{
	color : #fadd00;
	font-family : Arial;
	font-size : 14px;
	line-height : 20px;
}

em{
	color : red;
	font-weight : bold;
	font-style : normal;
}

ul{
	list-style-type : none;
	margin : 0px;
	padding : 0px;
}
ul.disc{
	list-style-type : disc;
	margin : 10px 5px 10px 25px;
	padding : 0px;
}

li{
	margin-bottom : 6px;
}
li.li_sub{
	margin-bottom : 0px;
}

strong{
	
}

.main{
	background-color : white;
	margin : 10px;
	padding : 10px;
	border-radius: 12px;
	-webkit-box-shadow : 1px 1px 3px rgba(0, 0, 0, 0.3) inset;
	box-shadow : 1px 1px 3px rgba(0, 0, 0, 0.3) inset;
}

.topic{
	background-color : #ffffcc;
	margin-bottom : 10px;
	padding : 10px;
	border-radius: 8px;
	border : 1px #aaaaaa solid;
}

.memo{
	background-color : #eeeeee;
	margin : 10px 0px;
	padding : 10px;
	border-radius: 8px;
	border : 1px #aaaaaa solid;
}

.memo2{
	background-color : white;
	margin : 10px 0px;
	padding : 10px;
	border-radius: 8px;
	border : 1px #aaaaaa solid;
}

.center{
	text-align : center;
	margin-bottom : 10px;
}

.center_tight{
	text-align : center;
}

.box{
	border : 1px #aaaaaa solid;
	padding : 8px 8px 0px 8px;
	margin-bottom : 10px;
}

.box_tight{
	width : 250px;
	border : 1px #aaaaaa solid;
	padding : 0px;
	margin : 0px auto 10px auto;
	background-color : #f5f5f5;
}

.box_item{
	border : 4px #bbbbbb solid;
	padding : 8px 8px 8px 8px;
	margin-bottom : 10px;
	border-radius: 16px;
	background-color : #666666;
	text-align : center;
}

.box_item_sub{
	background-color : #eeeeee;
	margin : 0px;
	padding : 10px;
	border-radius: 6px;
	text-align : left;
}

.box_item_pic{
	background-color : white;
	margin-bottom : 6px;
	padding : 6px;
	border-radius: 4px;
	text-align : center;
}

.box_contents{
	background-color : #eeeeee;
	margin-bottom : 6px;
	padding : 6px;
	border-radius: 10px;
	-webkit-box-shadow : 1px 1px 3px rgba(0, 0, 0, 0.3) inset;
	box-shadow : 1px 1px 3px rgba(0, 0, 0, 0.3) inset;
	text-align : left;
}

.box_contents_sub{
	background-color : #eeeeee;
	margin-bottom : 0px;
	padding : 6px;
	border-radius: 10px;
	-webkit-box-shadow : 1px 1px 3px rgba(0, 0, 0, 0.3) inset;
	box-shadow : 1px 1px 3px rgba(0, 0, 0, 0.3) inset;
	text-align : left;
}

.box_contents_img1{
	margin-bottom : 6px;
	padding : 0px;
	border-radius: 6px;
	-webkit-box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
	box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
	height : 36px;
}

.box_contents_img2{
	margin-bottom : 6px;
	padding : 0px;
	border-radius: 6px;
	-webkit-box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
	box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
	height : 36px;
}

.box_contents_img3{
	margin-bottom : 6px;
	padding : 0px;
	border-radius: 6px;
	-webkit-box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
	box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
	height : 36px;
}

.pic{
	border : 2px #dddddd solid;
	margin-bottom : 0px;
}

.pics{
	border : 2px #dddddd solid;
	margin-bottom : 4px;
}

.pics2{
	margin-bottom : 6px;
}

.pic_space{
	margin-right : 16px;
}

.button{
	display : block;
	color : white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	text-decoration : none;
	margin : 6px 0px 0px 0px;
	padding : 6px 10px;
	border-radius: 8px;
	-webkit-box-shadow : 0px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow : 0px 1px 3px rgba(0, 0, 0, 0.3);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #aaaaaa), color-stop(1, #666666));
	background:linear-gradient(#aaaaaa, #666666);
}

.button_s{
	display : block;
	color : white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	text-decoration : none;
	margin : 6px 0px 0px 0px;
	padding : 6px 10px;
	border-radius: 6px;
	-webkit-box-shadow : 0px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow : 0px 1px 3px rgba(0, 0, 0, 0.3);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #aaaaaa), color-stop(1, #666666));
	background:linear-gradient(#aaaaaa, #666666);
}

.button_center{
	display : block;
	color : white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	text-decoration : none;
	margin : 6px 0px 0px 0px;
	padding : 6px 10px;
	border-radius: 8px;
	-webkit-box-shadow : 0px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow : 0px 1px 3px rgba(0, 0, 0, 0.3);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #aaaaaa), color-stop(1, #666666));
	background:linear-gradient(#aaaaaa, #666666);
	text-align : center;
}

.button_top{
	display : block;
	color : white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	text-decoration : none;
	margin : 6px 0px 0px 0px;
	padding : 6px 0px 6px 15px;
	border-radius: 8px;
	-webkit-box-shadow : 0px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow : 0px 1px 3px rgba(0, 0, 0, 0.3);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #0194c1), color-stop(1, #004e83));
	background:linear-gradient(#0194c1, #004e83);
	text-align : left;
}

.button_back{
	display : block;
	color : white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	text-decoration : none;
	text-align : center;
	margin : 0px 0px 0px 0px;
	padding : 6px 10px;
	border-radius: 8px;
	-webkit-box-shadow : 0px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow : 0px 1px 3px rgba(0, 0, 0, 0.3);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #aaaaaa), color-stop(1, #666666));
	background:linear-gradient(#aaaaaa, #666666);
}

.button_img{
	display : block;
	width : 238px;
	color : white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	text-decoration : none;
	text-align : center;
	margin : 6px auto 0px auto;
	padding : 6px 10px;
	border-radius: 8px;
	-webkit-box-shadow : 0px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow : 0px 1px 3px rgba(0, 0, 0, 0.3);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #aaaaaa), color-stop(1, #666666));
	background:linear-gradient(#aaaaaa, #666666);
}

.button_sub{
	display : block;
	color : white;
	text-align : center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	text-decoration : none;
	margin : 6px 0px 0px 0px;
	padding : 6px 10px;
	border-radius: 8px;
	-webkit-box-shadow : 0px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow : 0px 1px 3px rgba(0, 0, 0, 0.3);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #777777), color-stop(1, #333333));
	background:linear-gradient(#777777, #333333);
}

.button_sub_s{
	display : block;
	color : white;
	text-align : left;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	text-decoration : none;
	margin : 0px;
	padding : 6px 10px;
	border-radius: 8px;
	-webkit-box-shadow : 0px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow : 0px 1px 3px rgba(0, 0, 0, 0.3);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #777777), color-stop(1, #333333));
	background:linear-gradient(#777777, #333333);
}

colgroup.line1{
	background-color : #d8d8d8;
}
colgroup.line2{
	background-color : #f5f5f5;
}

table.hyou{
	width : 100%;
	border-collapse : collapse;
	margin-bottom : 10px;
}

table.hyou2{
	width : 240px;
	border-collapse : collapse;
	margin : 5px;
}

table.hyou tr td{
	border : 1px solid #aaaaaa;
}

table.hyou2 tr td{
	border : 1px solid #888888;
}

tr.lineh{
	background-color : #d8d8d8;
}

img.setv{
	vertical-align : top;
}