/* CSS Document */

/*トップページ*/
.pT0 {
	padding-top: 0;
}
.special_top {
	width:95%;	
	margin: auto;
}
.special_top h1 {
	margin-top: 0;	
}

.profile_box {
	width: 45%;
	
}
.profile_box p.title_bar {
	color: #FFF;
	background: #000;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	padding: 5px 0 5px 20px;	
}
.profile_box p.title_bar span {
	font-size: 1.5em;
}
.fL {
	float: left;	
}
.fR {
	float: right;
}
.special_menu {
	width: 96%;
	margin: auto;
	margin-top: 40px;
	clear: both;
}
.special_menu ul {
	margin: 0;
	padding: 0;
	
}
.special_menu ul li {
	width: 16%;
	list-style-type: none;
	float: left;
	margin-right: 1%;
}
.special_menu ul li:last-child {
	margin-right: 0;	
}
.special_menu ul li.menuL {
	width: 32%;
}
/*トップページ end*/

/* 01 */
p.s_img {
	width: 45%;
	float: left;
}
p.w_img {
	width: 45%;
	float: right;
	margin-top: 8%;
	padding: 0;
}
.special01,.special01_0 {
	width: 52%;
	
}
.special01 {
	float: left;	
	margin-right: 2%;
}
.special01_0 {
	float: left;
	margin-left: 2%;	
}
.special01 p,.special01 h2 {
	margin: 0;
	padding: 0;	
}
.special01_0 p,.special01_0 h2 {
	margin: 0;
	padding: 0;	
}

.special01 h2,.special01_0 h2 {
	clear: both;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
	margin: 0 0 10px 0;
	line-height: 1.2;
}

.name_w,.name_s {
	width: 12%;
}
.name_w {
	color:	#06C;
	clear: right;
	float: left;
}
.name_s {
	color: #F09;
	clear: right;
	float: left;
}
p.comment {
	width: 88%;	
	float: right;
	margin-bottom: 20px;
}
p.next_banner {
	width: 60%;
	margin: auto;
	padding: 0;	
}
p.next_banner img {
	margin-top: 20px;	
}
.special_nav {
	width: 60%;	
	margin: auto;
	clear: both;
	padding-top: 20px;
}
.special_nav ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
.special_nav ul li {
	list-style-type: none;	
	width: 10%;
	display: inline-block;
	font-size: 1.2em;
}
p.spn img{
	margin-top: 120px;	
}
/* 01 end*/

/* 02 */
div.sp02 {
	margin-bottom: 110px;
	margin-left: 2%;
	width: 50%;
}
div.sp02_1 {
	margin-bottom: 20px;	
}
p.s_img2 {
	width: 100%;
}
p.s_img2 img {
	margin-left: 10px;
	margin-top: -10px;	
}
p.w_img2 {
	margin: 0 2% 0 0;
	width: 43%;
}
div.sp02_0 {
	margin-right: 1%;
	width: 51%;	
}
.sp02box {
	width: 45%;	
	float: left;
	margin-top: -10px;
}
/* 02 end*/
/* 03 */
p.s_img3 {
	width: 43%;
	float: left;
	margin-left: 2%;
	margin-top: 40px;
}
.sp03 {
	float: right;
	margin-top: 40px;
}

/* 03 end*/

/* 04 */
div.sp04 {
	margin-bottom: 90px;	
}
/* 05 */
div.sp_last {
	width: 90%;	
	margin-top: -90px;
	margin-bottom: 40px;
}
.sp_last p.name_s,.sp_last p.name_w {
	width: 7%;
}
.sp_last p.comment {
	width: 93%;
}
div.sp_menu5 {
	
}


@media only screen and (max-width: 780px) and (min-width: 481px){
.fL,.fR {
	float: none;	
}
.special_top {
	width: 100%;
}
.profile_box {
	width: 90%;	
	margin: auto;
}
.profile_box p.title_bar span {
	font-size: 1.3em;
}
.special_menu {
	width: 96%;
	margin: auto;
	margin-top: 20px;
}

.name_w,.name_s {
	width: 30%;
	float: none;
}

.special01_0 {
	float: none;
	width: 90%;	
	margin: auto;
	margin-bottom: 20px;
}
.special01 {
}
.special01_0 p {
	margin: 0;
	padding: 0;
}
.special01_0 p.comment,.special01 p.comment {
	width: 100%;
	float: none;	
}
div.sp0 {
	width: 45%;
	margin-left: 5%;
}
.special_nav ul li {
	width: 15%;
}
/* 02 */
div.sp02 {
	float: none;
	width: 90%;
	margin: auto;	
}
.sp02box {
	width: 90%;	
	float: none;
	margin: 0 auto;
}
p.s_img2 {
	width: 49%;	
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 1%;
	margin-bottom: 20px;
}
p.s_img2 img {
	margin: 0;	
}
div.sp02_0 {
	width: 90%;	
	margin: 0 auto;
	float: none;
}
p.w_img2 {
	float: none;
	margin:0;
	margin-left: 50%;
}
/* 03 */
.sp03 h2 {
	padding-top: 20px;
}
/* 05 */
.sp_last p.name_s,.sp_last p.name_w {
	width: 50%;
}
.sp_last p.comment {
	width: 100%;
}



}
@media only screen and (max-width: 480px) and (min-width: 0px){

.fL,.fR {
	float: none;	
}
.special_top {
	width: 100%;
}
.profile_box {
	width: 90%;	
	margin: auto;
}
.profile_box p.title_bar {
	padding: 5px 0 5px 10px;
	font-size: 0.8em;	
}

.profile_box p.title_bar span {
	font-size: 1.3em;
}
.special_menu {
	width: 96%;
	margin: auto;
	margin-top: 20px;
}


.special01,.special01_0 {
	float: none;
	width: 90%;
	margin: auto;
}
p.s_img,p.w_img {
	float: none;
	margin: auto;
	width: 70%;
}

.special01_0 p.comment,.special01 p.comment {
	float: none;
	width: 100%;
}
.name_w,.name_s {
	float: none;
	width: 90%;	
}


p.next_banner {
	width: 96%;
	margin: auto;
	padding: 0;	
	margin-top: 0;
}
.special_nav {
	width: 90%;	
	margin: auto;
	margin-top: 20px;
}
.special_nav ul li {
	list-style-type: none;	
	width: 15%;
	display: inline-block;
	font-size: 1.2em
}
.special01 h2,.special01_0 h2 {
	font-size: 1.3em;
}

/* 02 */
div.sp02 {
	float: none;
	width: 90%;
	margin: auto;	
}
.sp02box {
	width: 90%;	
	float: none;
	margin: 0 auto;
}
p.s_img2 {
	width: 100%;	
	float: none;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
p.s_img2 img {
	margin: 0;	
}
div.sp02_0 {
	width: 90%;	
	margin: 0 auto;
	float: none;
	margin-left: auto;
}
p.w_img2 {
	float: none;
	margin: auto;
	width: 90%
}
/* 05 */
.sp_last p.name_s,.sp_last p.name_w {
	width: 50%;
}
.sp_last p.comment {
	width: 100%;
}
p.spn img {
	margin-top: 20px;
}


}