/*

    Font styles

*/

/*  Color  */
body { color: #000000;}
a:link    { color: #eb1e79;}
a:visited { color: #eb1e79;}
a:hover   { color: #999999;}
html { font-size: 10px;}
body {
	font-size: 15px; font-size: 1.5rem;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif;
}
h1 { font-size: 19px; font-size: 1.9rem;}
h2 { font-size: 17px; font-size: 1.7rem;}





/*

    Body

*/
body {
	background-image: url("images/body.bg.png");
	background-position: center top;
	background-repeat:  repeat-y;
}
#toppage #c_header {
	margin-bottom: 180px;
}
#toppage #c_header .container {
	background: none;
}





/*

    Header

*/

/*  Layout  */
#c_header {
	position: relative;
	height: 345px;
	background-color: #8eb9bf;
	background-image: url("images/header.bg.jpg");
	background-position: center top;
	background-repeat: repeat;
	background-size: cover;
	border-bottom: 30px #ffcbe2 solid;
	box-shadow: 0 2px 10px 5px rgba(0,0,0,0.2);
}
#c_header .container {
	position: relative;
	width: 960px;
	height: 345px;
	margin: 0 auto;
	background-image: url("images/headercontainer.bg.png");
	background-position: right bottom;
}

/*  About  */
#c_header .about {
	position: absolute;
	top: 140px;
	left: 0;
	width: 100%;
	height: 500px;
	background-image: url("images/headerabout.bg.png");
	background-position: center top;
}
#c_header .about .container {
	position: relative;
	width: 960px;
	height: auto;
	margin: 0 auto;
	padding-top: 240px;
}
#c_header .about .container p.slogan {
	font-size: 25px;
	color: #8a6239;
	letter-spacing: 5px;
	text-shadow: 3px 3px 3px #999999;
	font-weight: bold;
}
#c_header .about .container div.description {
	position: absolute;
	top: 240px;
	right: 0;
	width: 365px;
}
#c_header .about .container div.description h2 {
	color: #8a6239;
	border-bottom: 1px #ffffff solid;
	letter-spacing: 3px;
}
#c_header .about .container div.description div.more {
	position: absolute;
	right: 0;
	top: 0;
}
#c_header .about .container div.description div.more a {
	display: block;
	width: 60px;
	height: 18px;
	line-height: 18px;
	background-color: #8a6239;
	color: #ffffff;
	border-radius: 2px;
	text-align: center;
	font-size: 13px;
}
#c_header .about .container div.description div.more a:before {
	content: '\0025b6\00fe0e';
	margin-right: 3px;
	font-size: 8px;
	vertical-align: middle;
}
#c_header .about .container div.description div.more a:hover {
	background-color: #ad9174;
}
#c_header .about .container div.description p {
	margin: 0.5em 0;
	color: #666666;
	font-size: 13px;
}

/*  Other  */
#c_header #pt {
	padding-top: 10px;
}
#c_header .lang {
	position: absolute;
	right: 30px;
	top: 20px;
}
#c_header .lang div {
	position: absolute;
	right: 0;
	top: 0;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
#c_header .lang div img {
	display: block;
}
#c_header .lang div.ja {
	right: 40px;
}

/*  Nav  */
#c_header .nav div {
	position: absolute;
	right: 0;
	top: 0;
	width: 120px;
	height: 120px;
	overflow: hidden;
	background-image: url("images/nav.bg01.png");
	box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.2);
	border-radius: 60px;
}
#c_header .nav div a {
	display: block;
	padding: 30px 0 120px 15px;
	color: #333333;
	font-weight: bold;
}
#c_header .nav div a:hover {
	background-image: url("images/nav.bg01.png");
}
#c_header .nav div a span {
	display: block;
	color: #666666;
	font-size: 13px;
	letter-spacing: 2px;
}
#c_header .nav div.nav01 { left: 50px; top: 180px;}
#c_header .nav div.nav02 { left: 210px; top: 240px;}
#c_header .nav div.nav03 { left: 385px; top: 225px;}
#c_header .nav div.nav04 { left: 530px; top: 140px;}
#c_header .nav div.nav05 { left: 650px; top: 20px;}
#c_header .nav div.nav01 a span {
	color: #eb1e79;
}
#c_header .nav div.nav01,
#c_header .nav div.nav05 {
	background-image: url("images/nav.bg02.png");
}





/*

    Contents

*/
#c_content {
	position: relative;
	width: 910px;
	margin: 5px auto 0;
	z-index: 10;
}
#c_content:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
#c_content #c_main {
	float: left;
	width: 600px;
}
#c_content #c_sub {
	float: right;
	width: 270px;
	padding-top: 30px;
}





/*

    Footer

*/
#c_pagetop {
	width: 960px;
	margin: 0 auto;
}
#c_pagetop div {
	width: 90px;
	height: 35px;
	margin-left: 870px;
	overflow: hidden;
}
#c_pagetop div a {
	display: block;
	padding-top: 40px;
	background-image: url("images/pagetop.png");
}
#c_pagetop div a:hover {
	background-position: 0 -35px;
}
#c_footer {
	padding: 160px 0;
	background-image: url("images/footer.bg.png");
	background-position: center top;
}
#c_footer div {
	width: 960px;
	margin: 0 auto;
}





/*

    Sub contents

*/

/*  Common  */
#c_content #c_sub .item {
	margin-bottom: 10px;
	padding: 5px;
	border: 1px #8a6239 solid;
}
#c_content #c_sub .item .content {
	padding: 5px;
	background-color: #FFFFFF;
}
#c_content #c_sub .item .content a {
	display: block;
	margin: -5px;
	padding: 5px;
	color: #333333;
}
#c_content #c_sub .item .content a:hover {
	background-color: #eeeeee;
}
#c_content #c_sub .item .content a:before {
	content: '\0025b6 ';
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	margin-right: 5px;
	padding: 3px 3px 3px 5px;
	font-size: 8px;
	color: #a47c52;
}





/*

    Main contents

*/

/*  Content title  */
#c_contenthead {
	position: relative;
	margin: 30px 0;
	color: #8a6239;
	border-bottom: 1px #8a6239 solid;
}
#c_contenthead h1 {
	font-weight: normal;
	letter-spacing: 3px;
}
#c_contenthead a {
	position: absolute;
	right: 0;
	top: 10px;
	display: block;
	width: 60px;
	height: 18px;
	line-height: 18px;
	background-color: #8a6239;
	color: #ffffff;
	border-radius: 2px;
	text-align: center;
	font-size: 13px;
}
#c_contenthead a:before {
	content: '\0025b6\00fe0e';
	margin-right: 3px;
	font-size: 8px;
	vertical-align: middle;
}
#c_contenthead a:hover {
	background-color: #ad9174;
}

/*  Section  */
#c_main .section {
	margin: 0 0 50px 40px;
}
#c_main .section h2 {
	margin: 2em 0 1em 0;
	font-weight: normal;
	color: #8a6239;
	border-bottom: 1px #000000 dashed;
}
#c_main .section h2:before {
	content: '■';
	margin-right: 5px;
	font-size: 12px;
	vertical-align: middle;
	color: #8a6239;
}

/*  List  */
#c_main .section .hgroup {
	position: relative;
}
#c_main .section .hgroup h2:before {
	content: '';
	margin-right: 0;
}
#c_main .section .hgroup p {
	position: absolute;
	right: 0;
	top: 5px;
	margin: 0;
	color: #666666;
}

/*  Paging  */
#c_content #c_main #pagination {
	clear: both;
	text-align: center;
	margin: 30px 0;
}
#c_content #c_main #pagination a,
#c_content #c_main #pagination span {
	display: inline-block;
	padding: 7px 10px;
	line-height: 1;
	background-color: #ffd9df;
	color: #8a6239;
}
#c_content #c_main #pagination .current {
	background-color: #8a6239;
	color: #FFFFFF;
}
#c_content #c_main #pagination .dots {
	border: none;
}
#c_content #c_main #pagination a:hover {
	background-color: #8a6239;
	color: #FFFFFF;
}

/*  Content  */
#c_main hr {
	background: none;
	border: none;
	border-bottom: 1px #333333 dashed;
}
#c_main  p {
	padding-bottom: 1em;
}
#c_main  .alignleft {
	display: inline;
	float: left;
	margin: 5px 0 15px 0;
	border-right: 10px #FFFFFF solid;
}
#c_main  .alignright {
	display: inline;
	float: right;
	margin: 5px 0 15px 0;
	border-left: 10px #FFFFFF solid;
}
#c_main  .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

/*  Mailform  */
#c_main .ErrorMessage {
	display: block;
	margin: 0 0 1em;
	padding: 10px 15px;
	background-color: #ffd9df;
}
#c_main form .Error {
	color: #8a6239;
}
#c_main form table th,
#c_main form table td {
	font-size: 13px; font-size: 1.3rem;
	background: none;
	border: none;
	color: #333333;
}
#c_main form table th {
	white-space: nowrap;
	padding-right: 30px;
	font-weight: normal;
	vertical-align: top;
}
#c_main form table td input[type=text],
#c_main form table td textarea {
	width: 100%;
	border: 1px #333333 solid;
}
#c_main form table td input[type=text] {
	height: 1.8em;
	line-height: 1.8;
}
#c_main form table td input[type=submit] {
	display: inline-block;
	padding: 10px 30px;
	background-color: #999999;
	border: 1px #333333 solid;
	cursor: pointer;
	font-size: 15px; font-size: 1.5rem;
}