/* CSS Document */

#main_area .comment_box
{
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	color: #000;
	text-align: left;
}

#main_area .comment_box h4
{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}

#main_area .q
{
	color: #0f6fcf;
	background-image: url(../01/images/q.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 2em;
	font-size: 16px;
}

#main_area .a
{
	color: #ff3333;
	background-image: url(../01/images/a.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 2em;
	font-size: 16px;
}

#main_area .text_box
{
	_zoom: 1;
	overflow: hidden;
	padding-right: 1em;
}
#main_area .text_box_right
{
	_zoom: 1;
	overflow: hidden;
	padding-left: 1em;
}

#main_area .gray_box
{
	background-color: #e6e0d4;
	padding: 1em;
	margin-top: 2em;
}


#main_area .photo_center
{
	text-align: center;
	clear: both;
	padding-top: 1em;
}

#main_area .photo_left
{
	float: left;
	_zoom: 1;
	overflow: hidden;
}

#main_area .photo_right
{
	float: right;
	_zoom: 1;
	overflow: hidden;
	text-align: right;
}


#main_area .photo_left img,#main_area .photo_right img,#main_area .photo_center img
{
	margin-bottom: 0.4em;
}

#main_area .photo_left p,#main_area .photo_right p,#main_area .photo_center p
{
	font-size: 12px;
	text-align: left;
	line-height: 120%;
}

#main_area .wid_220{	width: 220px;}
#main_area .wid_275{	width: 275px;}
#main_area .wid_320{	width: 320px;}
#main_area .wid_345{	width: 345px;}
#main_area .wid_420{	width: 420px;}

.ph_center{
	width:700px;
	margin-bottom:30px;
}

.ph_center img{
	width:auto;
	margin-bottom:15px;
}

.ph_left{
	width:345px;
	float:left;
	margin-bottom:30px;
}

.ph_left img{
	width:auto;
	margin-bottom:15px;
}

.ph_right{
	width:345px;
	float:right;
	margin-bottom:30px;
}

.ph_right img{
	width:auto;
	margin-bottom:15px;
}



/* タブレットレイアウト : 768 px 〜 959 px*/
@media screen and (max-width:959px)
{

#main_area .comment_box
{
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	color: #000;
	text-align: left;
}

#main_area .comment_box img
{
	height: auto;
	width: auto;
}

#main_area .wid_220{	width: 32%;}
#main_area .wid_275{	width: 39%;}
#main_area .wid_320{	width: 46%;}
#main_area .wid_345{	width: 49%;}
#main_area .wid_420{	width: 60%;}

.ph_center{
	width:700px;
	margin-bottom:30px;
}

.ph_center img{
	width:auto;
	margin-bottom:15px;
}

.ph_left{
	width:345px;
	float:left;
	margin-bottom:30px;
}

.ph_left img{
	width:auto;
	margin-bottom:15px;
}

.ph_right{
	width:345px;
	float:right;
	margin-bottom:30px;
}

.ph_right img{
	width:auto;
	margin-bottom:15px;
}

}

/* スマホ設定  768 以下*/
@media screen and (max-width:768px)
{
	
#main_area .comment_box
{
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	color: #000;
	text-align: left;
}

#main_area .comment_box img
{
	height: 100%;
	width: auto;
}

#main_area .text_box
{
	padding-right: 0px;
}

#main_area .text_box_right
{
	padding-left: 0em;
}

#main_area .photo_left,#main_area .photo_right,#main_area .photo_center,#main_area .photo_box_210
{
	clear: both;
	float: none;
	text-align: center;
}


#main_area .wid_220{	width: 100%;}
#main_area .wid_275{	width: 100%;}
#main_area .wid_320{	width: 100%;}
#main_area .wid_345{	width: 100%;}
#main_area .wid_420{	width: 100%;}


.ph_center{
	width:100% !important;
	margin-bottom:30px;
}

.ph_center img{
	width:100% !important;
	margin-bottom:15px;
}

.ph_left{
	width:100% !important;
	float:none;
	margin-bottom:30px;
}

.ph_left img{
	width:100% !important;
	margin-bottom:15px;
}

.ph_right{
	width:100% !important;
	float:none;
	margin-bottom:30px;
}

.ph_right img{
	width:100% !important;
	margin-bottom:15px;
}

}