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


/* ----------------------------------------------------------------------------------------------------

	リセット

---------------------------------------------------------------------------------------------------- */



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,p,blockquote,th,td{
	margin:0;padding:0;
}
table{
	border-collapse:collapse;border-spacing:0; font-size:100%;
}
img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;font-weight:normal;
}
ul li,ol li { list-style:none; } 
h1,h2,h3,h4,h5,h6{
	font-size:100%;font-weight:normal;
}
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
a img{border:none;}




/* ----------------------------------------------------------------------------------------------------

	全ページ共有セレクタ

---------------------------------------------------------------------------------------------------- */

/*レイアウト*/

body{
font-size: 80%;
line-height: 1.2;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background:url(../images/c_bg.gif) repeat;
}

a		{	text-decoration: none;	color: #fff;}



#head {
	width:100%;
	margin:auto;
	text-align:left;
	border-bottom:1px solid #999999;
	margin:0 0 15px 0;
	z-index:88;
}

.globalHead {
	background-color:#0A1945;
	margin:0 0 1px 0;
	height:37px;
	overflow:hidden;
}

.globalLogo {
	float:left;
	width:270px;
	padding:5px 0 0 5px;
}

.globalNavi {
	float:right;
	width:550px;
	margin:0;
	padding:20px 5px 0 0;
}

.globalNavi ul {
	margin:0;
	padding:0;
	list-style:none;
}

.globalNavi li {
	float:right;
	margin:0 0 0 5px;
	overflow:hidden;
	height:13px;
}

.globalNavi li a:hover img {
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}


ul.day {
	margin:0 0 10px 0;
	height:30px;
	padding:0;
	list-style:none;
	border-bottom: none;
	border-bottom:1px solid #cccccc;
}

.day li {
	float:left;
	width:105px;
	text-align:center;
	margin:0 1px 1px 0;
	background-color:#eeeeee;
}

.day li.active {
	background-color:#E8E8E8;
}

.day li a {
	display:block;
	padding:7px 0 5px 0;
}


.day li a:link { text-decoration:underline; color:#0008B4; }
.day li a:visited { text-decoration:underline; color:#0070BF; }
.day li a:active { text-decoration:underline; color:#860023; }
.day li a:hover { text-decoration:none; color:#ffffff; background-color:#cccccc; }


ul.tabs {
	width:690px;
	list-style:none;
}

ul.tabs li {
	background: #EEE;
	float:left;
	margin-left:2px;
	padding:8px;
}

		ul.tabs li:first-child {
			border-left: 2px solid #000;
			margin-left: 0;
		}
		
		ul.tabs li.active {
			border-bottom: 1px solid #FFF;
			background-color: #FFF;
			margin-bottom: -1px;
		}
		ul.tabs li a {
			display: block;
			padding: 10px 15px;
			color: #777;
		}
		ul.tabs li.active a {
			font-weight: bold;
			color:#000;
		}

div.tabs_content {
	width:689px;
	border:none;
	clear: both;
}
div.tabs_content > div {
	padding: 8px;
}


/*-------------------------------------*/

div#role
{
	margin:0px auto 50px;
	
}


/*-------------------- indexトップ画像設定 ---------------------------*/

.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 303px;
	height: 303px;
	display: inline-block;
	margin: 20px;
}

/*-------------------- indexトップ画像詳細設定 ---------------------------*/


.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	cursor: default;
}

.ch-info-wrap, 
.ch-info{
	position: absolute;
	width: 263px;
	height: 263px;
	border-radius: 50%;
}

.ch-info-wrap {
	top: 19px;
	left: 20px;
	background: #A1A1A1 url(../images/bg.jpg);
	box-shadow: 
		0 0 0 20px rgba(255,255,255,0.2), 
		inset 0 0 3px rgba(115,114, 23, 0.8);

}

.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	
	-webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
}

.ch-info .ch-info-front {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.ch-info .ch-info-back {
	opacity: 0;

	background: #333;
	pointer-events: none;
	
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	
	-webkit-transition: all 0.4s ease-in-out 0.2s;
	-moz-transition: all 0.4s ease-in-out 0.2s;
	-o-transition: all 0.4s ease-in-out 0.2s;
	-ms-transition: all 0.4s ease-in-out 0.2s;
	transition: all 0.4s ease-in-out 0.2s;
}

.ch-img-1 { 
	background-image: url(../images/page_1.jpg);
}

.ch-img-2 { 
	background-image: url(../images/page_2.jpg);
}

.ch-img-3 { 
	background-image: url(../images/page_3.jpg);
}

.ch-img-4 { 
	background-image: url(../images/page_4.jpg);
}

.ch-img-5 { 
	background-image: url(../images/page_5.jpg);
}



.ch-info h3 {
	color: #fff;
	letter-spacing: 2px;
	font-size:1.20em;
	margin: 64px 15px 0px;
	padding: 40px 0 0px 0;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 6px 5px 0;
	margin: 0 10px;
	font-size: 1.15em;
	line-height: 130%;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #e7615e;
	font-style: normal;
	text-transform: uppercase;
	font-size: 0.80em;
	letter-spacing: 1px;
	padding-top: 4px;
}

.ch-info p a:hover {
	color: #fff;
}

.ch-item:hover .ch-info-front {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	opacity: 0;
} 

.ch-item:hover .ch-info-back {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	
	opacity: 1;
	pointer-events: auto;
}

	/* ------------ foot ------------ */
	#foot {
	width:100%;
	margin:0  auto ;
	text-align:left;
	border-top:1px solid #fff;
	padding-top:0px;
	padding-bottom:0px;
	color:#fff;
	font-size:1.15em;

}


	#foot .foot-navi {
	width:100%;
	clear:left;
	}
	
	#foot .foot-navi li {
	float:left;
	margin:10px;
	padding:0 0 0 17px;
	background-repeat:no-repeat;
	background-position:left top;
	font-size:0.90em;
	line-height:100%;
}

#foot .copyright {
	margin:3px 8px 8px;
	font-size: 0.78em;
	float:right;
	width:230px;
	text-align:right;
	display: block;
}

#foot .foot-navi li.mandarake { background-image:url(../images/mandarake.gif); }
#foot .foot-navi li.recruit { background-image:url(../images/recruit.gif); }
#foot .foot-navi li.privacy { background-image:url(../images/privacy.gif); }
#foot .foot-navi li.inquiry { background-image:url(../images/inquiry.gif); }
#foot .foot-navi li.rss { background-image:url(../images/rss.gif); }