#header {
	margin-bottom : 70px;
	background : url(ptitlebg1.jpg) center top no-repeat;
}

/*----------MSG----------*/

#msg {
	position : relative;
	width : 1250px;
	height : 450px;
	margin : 0 auto 80px auto;
	background : url(msgbg1.jpg) left top no-repeat;
}

#msg dl {
	position : absolute;
	width : 600px;
	color : #ffffff;
	top : 50px;
	left : 50px;
}

#msg dl dt {
	margin-bottom : 27px;
	font-family : "ten-mincho", serif;
	font-weight : 400;
	font-style : normal;
	font-size : 180%;
	line-height : 1.5em;
}

#msg dl dt font {
	display : inline-block;
	margin-left : 50px;
	transform : scaleX(3.5);
}

#msg dl dd {
	line-height : 1.6em;
}

#msg ul {
	position : absolute;
	list-style : none;
	left : 0;
	bottom : 0;
}

#msg ul li {
	float : left;
	width : 216px;
	margin-right : 1px;
	text-align : center;
	font-size : 120%;
	letter-spacing : 0;
}

#msg ul li p {
	display : block;
	padding : 19px 0 20px 0;
	color : #000000;
	background : #ffffff;
}

#msg ul li a {
	display : block;
	padding : 19px 0 20px 0;
	color : #ffffff;
	background : #693c7d;
	text-decoration : none;
}

#msg ul li a:hover {
	display : block;
	padding : 19px 0 20px 0;
	color : #ffffff;
	background : #dc69a5;
	text-decoration : none;
}

/*----------ORDER----------*/

.order {
	position : relative;
	width : 1250px;
	margin : 0 auto 80px auto;
}

.order h3 {
	position : absolute;
	font-family : "ten-mincho", serif;
	font-weight : 400;
	font-style : normal;
	font-size : 220%;
	line-height : 1.2em;
	-webkit-writing-mode : vertical-rl;
	-ms-writing-mode : tb-rl;
	writing-mode : vertical-rl;
	top : 0;
	left : 0;
}

.order h3 span {
	display : block;
	padding-top : 5px;
	color : #c8c8c8;
	font-family : "p22-mackinac-pro", serif;
	font-weight : 500;
	font-size : 60%;
	letter-spacing : 2px;
}

.group {
	overflow : hidden;
	width : 1110px;
	margin : 0 0 80px 140px;
}

.tab {
	display : none;
}

.panel-group {
    border-top : none;
}

.panel {
	float : left;
	position : relative;
	width : 350px;
	margin-right : 30px;
}

.panel:last-child {
	margin : 0;
}

.panel img {
	width : 100%;
	height : 100%;
}

.panel p {
	position : absolute;
	font-family : "p22-mackinac-pro", serif;
	font-weight : 500;
	font-size : 420%;
	color : #ffffff;
	text-align : center;
	line-height : 0.65em;
	top : 38px;
	right : 30px;
}

.panel p span {
	display : block;
	font-size : 30%;
}

.panel dl {
	margin-top : 30px;
}

.panel dl dt {
	float : left;
	font-family : "p22-mackinac-pro", serif;
	font-weight : 500;
	font-size : 180%;
}

.panel dl dt span {
	display : inline-block;
	margin-right : 5px;
	font-size : 130%;
	transform : scaleX(0.8);
	vertical-align : -2px;
}

.panel dl dd {
	float : right;
	padding-top : 7px;
	font-family : "ten-mincho", serif;
	font-weight : 400;
	font-size : 130%;
}

.panel dl dd font {
	letter-spacing : -1px;
}

.panel dl a {
	display : block;
	overflow : hidden;
	padding : 15px 30px 16px 30px;
	color : #ffffff;
	background : #dc69a5;
	border-radius : 50px;
	text-decoration : none;
}

.panel dl a:hover {
	display : block;
	overflow : hidden;
	padding : 15px 30px 16px 30px;
	color : #ffffff;
	background : #693c7d;
	border-radius : 50px;
	text-decoration : none;
}

#proinfo {
	position : absolute;
	width : 320px;
	top : 0;
	right : 0;
}

#proinfo p {
	margin-bottom : 30px;
	padding : 20px;
	border : solid 5px #ebe1eb;
	line-height : 1.45em;
}

#proinfo ul {
	margin-left : 20px;
}

#proinfo ul li {
	margin-bottom : 12px;
}

#proinfo ul li a {
	color : #000000;
	text-decoration : underline;
}

/*----------GUIDE----------*/

#guide {
	overflow : hidden;
	width : 100%;
	margin-bottom : 70px;
	padding : 60px 0 60px 0;
	background : #ebe1eb;
}

#guide h3 {
	margin-bottom : 40px;
	font-family : "ten-mincho", serif;
	font-weight : 400;
	font-style : normal;
	font-size : 220%;
	color : #693c7d;
	text-align : center;
}

#guide h3 span {
	margin-left : 20px;
	color : rgba(105,60,125,0.5);
	font-family : "p22-mackinac-pro", serif;
	font-weight : 500;
	font-size : 70%;
	letter-spacing : 2px;
	vertical-align : 5px;
}

#gdbox {
	width : 1250px;
	margin : 0 auto 0 auto;
}

.gbox {
	float : left;
	width : 384px;
	margin-right : 49px;
}

.gbox:last-child {
	margin : 0;
}

.gbox h4 {
	margin-bottom : 30px;
	padding : 10px 0 10px 0;
	font-family : "ten-mincho", serif;
	font-weight : 400;
	font-style : normal;
	font-size : 130%;
	text-align : center;
	color : #ffffff;
	background : #8c5aa5;
}

.gbox ol,.gbox ul {
	margin-left : 20px;
}

.gbox ol li,.gbox ul li {
	padding-left : 2px;
	margin-bottom : 10px;
}

/*----------FAQ----------*/

h3#findex {
	margin-bottom : 40px;
	font-family : "ten-mincho", serif;
	font-weight : 400;
	font-style : normal;
	font-size : 220%;
	text-align : center;
}

.faqList {
	width : 1000px;
	margin : 0 auto 90px auto;
}

.faqP {
	position : relative;
	margin-bottom : 10px;
	padding : 20px 20px 22px 20px;
	background : #ebe1eb;
	cursor : pointer;
	border-radius : 7px;
}

.faqP:after {
	content : "";
	display : inline-block;
	position : absolute;
	top : 45%;
	right : 30px;
	width : 10px;
	height : 10px;
	border-right : 3px solid #8c5aa5;
	border-bottom : 3px solid #8c5aa5;
	transform : translateY(-50%) rotate(45deg);
	transition : .3s;
}

.faqP.open:after {
	transform : rotate(225deg);
}

.faqP span {
	margin-right : 12px;
	padding : 5px 8px 8px 8px;
	font-family : "p22-mackinac-pro",serif;
	font-weight : 400;
	font-style : normal;
	color : #ffffff;
	background : #8c5aa5;
	border-radius : 6px;
}

.faqA {
	display : none;
	margin-bottom : 10px;
	padding : 12px 20px 14px 20px;
	background : #ffffff;
	border-radius : 8px;
}

_::-webkit-full-page-media, _:future, :root #msg ul li p {
	display : block;
	padding : 18px 0 20px 0;
	color : #000000;
	background : #ffffff;
}

_::-webkit-full-page-media, _:future, :root #msg ul li a {
	display : block;
	padding : 18px 0 20px 0;
	color : #ffffff;
	background : #693c7d;
	text-decoration : none;
}

_::-webkit-full-page-media, _:future, :root #msg ul li a:hover {
	display : block;
	padding : 18px 0 20px 0;
	color : #ffffff;
	background : #dc69a5;
	text-decoration : none;
}