/* CSS Document */
#h1_area .bg_h1
{
	background-image: url(images/bg_h1_01.jpg);

}

article #h1_area h1
{
	background-image: url(../images/h_line.gif);
	background-repeat: repeat-x;
	background-position: center center;
}


article #h1_area h1 span
{
	display: inline-block;
	background-color: #FFF;
	padding-right: 50px;
	padding-left: 50px;
}

article h2
{
	font-size: 30px;
	line-height: 140%;
	color: #333;
	margin-bottom: 60px;
}

article h3
{
	font-size: 18px;
	line-height: 100%;
	color: #000;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(images/bg_q.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 16px;
}

article h4
{
	font-size: 26px;
	line-height: 120%;
	color: #33726A;
	margin-bottom: 20px;
}


article section .text
{
	margin-bottom: 30px;
}

article .photo_r p big
{
	font-size: 30px;
	font-weight: bold;
}


#profile
{
	background: url(images/bg_profile_head.gif) repeat-x top left,
	url(images/bg_profile.gif) repeat-y top center;
	padding-top: 0px;
}

#profile .text h5
{
	font-size: 26px;
	line-height: 140%;
	color: #FFF;
	margin-bottom: 10px;
}

#profile .text p
{
	color: #FFF;
	line-height: 140%;
}

article .commentary img
{
	margin-bottom: 20px;
}


article .commentary p
{
	text-align: justify;
	padding-top: 0px;
}


#photo_img
{
	background-color: #f8f8f8;
	background-image: url(images/bg_photo_box.gif);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 0px;
}

#photo_img dl
{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#photo_img dl dt
{
	display: table-cell;
	width: 380px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#photo_img dl dd
{
	display: table-cell;
	margin: 0px;
	padding: 0px;

}

#advice h3
{
	font-size: 22px;
	line-height: 120%;
	color: #FFFFFF;
	background-color: #33726A;
	margin: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-image: none;
}

#advice .box
{
	background-color: #f8f8f8;
	padding: 30px;
	margin-bottom: 90px;
	min-height: 100px;
}

#advice .box p
{
	margin: 0px;
}

section .next_link
{
	padding-bottom: 30px;
}

section .next_link a
{
	font-size: 16px;
	line-height: 100%;
	color: #FFFFFF;
	background-color: #34726a;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-image: url(../images/bg_next.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

section .next_link a:hover
{
	color: #000 !important;
	background-color: #f3d72a;
	background-image: url(../images/bg_next_hover.gif);
	background-repeat: no-repeat;
	background-position: right center;
}



/* PCのみ設定  768 以上*/
@media screen and (min-width:768px)
{

article section .text
{
	width: 800px;
}

article .face
{
	margin-top: -160px;
}

#profile .text
{
	padding-left: 300px;
	clear: none;
	float: left;
	width: auto;
	padding-top: 240px;
}

#profile .text p
{
	width: 280px;
}

article .commentary
{
	width: 350px;
}

.text_right .text
{
	float: right;
}

#advice .body
{
	overflow: visible;
}


#advice .box .photo_r
{
	margin-top: -100px;
}


}

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

article section .text
{
	width: 740px;
}

#profile .text
{
	padding-left: 270px;
}

#profile .text p
{
	width: 260px;
}



}

/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{

article #h1_area h1 span
{
	padding-right: 20px;
	padding-left: 20px;
}

article h2
{
	font-size: 24px;
	line-height: 140%;
	text-align: justify;
	margin-bottom: 20px;
}

article .commentary
{
	margin-bottom: 60px;
}

#photo_img 
{
	background-image: none;
	margin-top: 0px;
}

#photo_img  .body
{
	overflow: visible;
}

#photo_img dl
{
	display: inline-table;
	table-layout: fixed;
	width: 100%;
	padding: 0px;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#photo_img dl dt
{
	display: table-cell;
	width: 32%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#advice .box
{
	padding: 20px;
	margin-bottom: 40px;
}

}