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

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

body{
	background: url(../spmain/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%;
}

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


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

	#box_bg{
		width: 100%;
	}

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

	#box_bg{
		width: 640px;
		margin: 0px auto;
	}

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


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

h1{
	background : url(image/bg_h1.jpg);
	background-size : cover;
	height : 20px;
	padding: 8px 0px 6px;
	color : white;
	font-size : 16px;
	line-height : 20px;
	font-weight : bold;
	text-align : center;
	border-radius: 4px;
	-webkit-box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3);
}
h2{
	padding : 8px 10px 6px;
	color : white;
	font-size : 16px;
	line-height : 20px;
	font-weight : normal;
	text-align : center;
	border : 1px #000000 solid;
}
h3{
	background-color : #555555;
	padding : 8px 10px 6px;
	margin-top : 10px;
	color : #ffffff;
	font-size : 15px;
	line-height : 20px;
	font-weight : normal;
	text-align : left;
	border : 1px #000000 solid;
}

p{
	padding-top : 10px;
}
p.bar{
	background-color : #fff100;
	padding : 8px 10px 5px 10px;
	color : #000000;
	font-size : 15px;
	line-height : 18px;
	font-weight : normal;
	text-align : left;
	border : 1px #aaaaaa solid;
}
p.bar2{
	padding : 8px 10px 5px 10px;
	color : #000000;
	font-size : 15px;
	line-height : 18px;
	font-weight : normal;
	text-align : left;
}

img{
	vertical-align : bottom;
}

b{
	color : #fadd00;
	font-family : Arial;
	font-size : 14px;
	line-height : 15px;
}
strong{
	display : inline-block;
	margin-bottom : 5px;
	font-weight : bold;
}
em{
	font-weight : bold;
	color : red;
}

table{
	background-color : #f0f0f0;
	border : solid 1px #bbbbbb;
	border-collapse : separate;
	border-spacing : 4px;
	margin-top : 10px;
}
table.collapse{
	background-color : #f0f0f0;
	border : solid 1px #bbbbbb;
	border-collapse : collapse;
	border-spacing : 4px;
	margin-top : 10px;
}
td{
	border : solid 1px #bbbbbb;
	padding : 10px;
	vertical-align : top;
}
colgroup.line1{
	background-color : white;
}
colgroup.line2{
	background-color : #f0f0f0;
}


	/* ---------------------------------------------------- */

	#main{
		background-color : #dddddd;
		padding : 8px 6px 2px 6px;
	}


		/* ---------------------------------------------------- */

		.box1{
			background-color : #bbbbbb;
			margin-bottom : 6px;
			padding : 3px;
			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;
		}
		.box1_menu{
			background-color : #bbbbbb;
			margin-top : 6px;
			padding : 3px;
			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;
		}
		.box1_menu_top{
			background-color : #bbbbbb;
			padding : 3px;
			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;
		}
		.box2{
			background-color : #ffffff;
			padding : 10px 10px 16px 10px;
			border-radius: 4px;
			-webkit-box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3);
			box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3);
		}
		.box2_menu{
			background-color : #ffffff;
			padding : 6px;
			border-radius: 4px;
			-webkit-box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3);
			box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3);
		}
		.box3{
			padding : 0px 6px;
		}
		.box4{
			background-color : #bbbbbb;
			margin-top : 10px;
			padding : 3px;
			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;
		}
		.box_center{
			text-align : center;
		}
		.box_sub1{
			background-color : #ffffcc;
			border : 1px #aaaaaa solid;
			padding : 10px;
			margin-top : 10px;
		}
		.box_sub2{
			background-color : #f0f0f0;
			border : 1px #aaaaaa solid;
			padding : 10px;
			margin-top : 10px;
		}
		.box_sub3{
			background-color : #ffffff;
			border : 1px #aaaaaa solid;
			padding : 10px;
			margin-top : 10px;
		}
		.box_item{
			padding : 8px 8px 8px 8px;
			border-radius: 4px;
			background-color : #666666;
			text-align : center;
			-webkit-box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3);
			box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3);
		}
		.box_item_sub{
			background-color : #eeeeee;
			margin : 0px;
			padding : 10px;
			border-radius: 4px;
			text-align : left;
		}
		.box_item_pic{
			background-color : white;
			margin-bottom : 6px;
			padding : 6px;
			border-radius: 4px;
			text-align : center;
		}

		.button{
			background : url(image/bg_button_arrow.gif);
			background-position : center right;
			background-size : 28px 100px;
			background-repeat : no-repeat;
			display : block;
			background-color : #000000;
			color : #ffffff;
			text-decoration : none;
			padding : 8px 40px 5px 12px;
			border-radius: 4px;
			-webkit-box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3);
			box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3);
		}
		.button_menu1{
			display : block;
			color : #ffffff;
			text-decoration : none;
			padding : 8px 12px 5px 16px;
			border-radius: 4px;
			-webkit-box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3);
			box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3);
			text-align : left;
		}
		.button_menu2{
			background : url(image/bg_button_arrow.gif);
			background-position : center right;
			background-size : 28px 100px;
			background-repeat : no-repeat;
			display : block;
			background-color : #000000;
			color : #fadd00;
			text-decoration : none;
			padding : 8px 40px 5px 12px;
			border-radius: 4px;
			-webkit-box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3);
			box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3);
		}

		.pic{
			width : 268px;
			border : 1px #000000 solid;
			margin-top : 10px;
		}
		.pic_half_tap{
			margin-top : 10px;
			width : 135px;
		}
		.pic_sub{
			width : 246px;
			border : 1px #000000 solid;
			margin-top : 10px;
		}
		.pic_sub_mt0{
			width : 246px;
			border : 1px #000000 solid;
		}
		.pic_size{
			border : 1px #000000 solid;
			margin-top : 10px;
		}
		.pic_nb{
			width : 270px;
			margin-top : 10px;
		}
		.pic_left{
			float : left;
			width : 100px;
			margin : 0px 10px 10px 0px;
		}
		.pic_space{
			margin-right : 16px;
		}