@charset "utf-8";
/* CSS Document */

* {
	line-height: 1em;
}


/*clearfix*/
.clearfix:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .clearfix{
	display: inline-block;
}
/* no ie mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
.clearfix{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
	overflow-x : hidden;
}

* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000000;
}

/*body*/

body {
	min-width: 1200px;


　/*サイトによって変更*/
width: 100%;
-webkit-text-size-adjust: 100%;
}

.contents-box {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	line-height: 1.6em;
}

.contents-box p {
	font-size: 14px;
	line-height: 1.6em;
}

.contents-left {
	float: left;
	vertical-align: top;
	display: inline-block;
}

.contents-right {
	float: right;
	vertical-align: top;
	display: inline-block;
}

li {
	list-style-type: none;
}


/*header*/

#header {
	width: 100%;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}


/*nav*/

.nav01 {
	clear: both;
	width: 960px;
}

.nav01 li {
	vertical-align: top;
	display: inline-block;
	float: right;
	height: 26px;
	margin-left: 5px;
}

.nav01 li a:hover {
	opacity:0.75;
}

.nav02 {
	width:960px;
}

.nav02 li {
	vertical-align: top;
	display: inline-block;
	float: left;
	height: 74px;
}

.nav02 li a:hover {
	position: relative;
	top: -74px;
}



/*main-img*/

.main-img {
	height: 420px;
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
}


/*contents*/

#contents {
	clear: both;
	width: 100%;
}

/* btn-top */

.btn-top {
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height:60px;
}

.btn-top a:hover {
	opacity:0.75;
}



/*contentslink-box*/


.contentslink-box {
	width: 100%;
	padding-top:45px;
	padding-bottom:45px;
	background-color:#f6c1d8;
}

.contentslink-box a:hover {
	opacity:0.75;
}

.contentslink-box p {
	width: 48%;
}

.contentslink-box p img {
	width: 100%;
	height:auto;
}




/*subcontents*/


.subcontents {
	width: 960px;
	padding-top:35px;
	margin-bottom:35px;
}

.subcontents h3 {
	width:366px;
}

.subcontents ul {
	width:500px;
	padding-top:10px;
}

.subcontents ul a:hover {
	opacity:0.75;
}

.subcontents ul li {
	vertical-align: top;
	display: inline-block;
	float: right;
}

.subcontents ul li.sns {
	margin-left:15px;
}