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


/*
	0-0. RESET
		
	0-1. DEFAULT FONT SETTING
	
	1. LAYOUT
		　1-1. basic layout
		　1-2. page header
		　1-3. contents area
		　1-4. gnavi
		　1-5. footer
	
	2. TOPPAGE
		　2-1. slide area
		　2-2. news, paress release
	
	3. 2nd PAFES
		　3-0. common
		　3-1. card
		　3-2. interview
		  3-3. powerpoint
			3-4. pr
			3-5. reputation
			3-6. company
*/



/* =======================================

	0-0. RESET

======================================== */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}

section, article, header, footer{display:block; margin:0; padding:0;}

table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: top; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img {border: none;}


/* =======================================

	0-1. DEFAULT FONT SETTING

======================================== */

/* The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
	font-size: 85%; /* =12px */
	line-height: 1.5em;
	color: #2C2C2C;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Helvetica, Arial, sans-serif;
  }


/* Headings
------------------------------ */
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}

h1 { font-size: 2em; line-height: 1; }
h2 { font-size: 1.5em; line-height: 1; }
h3 {
	font-size: 1.2em;
	line-height: 1;
	font-weight: normal;
}
h4 {
	font-size: 1.1em;
	font-weight: normal;
	line-height:1.1;
}
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
------------------------------ */
p           { font-size:1em; }

a           { color:#999999;text-decoration:none;}
a:hover     { text-decoration:none;filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;}

blockquote  { font-size:1em; margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { font-size:1em; margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
------------------------------ */
li ul, 
li ol       { margin:0 0 0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { font-size:1em; list-style-type: disc; }
li ul       { list-style:circle }
ol          { font-size:1em; list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-size:1em; font-weight: bold; }
dd          { font-size:1em; margin-left: 1.5em;}


/* Tables
------------------------------ */
table       { margin-bottom: 1.4em; width:100%; }
th,td       { font-size:1em; padding: 7px 20px; text-align:left; font-weight: normal; }
caption     { font-size:1em; padding:0 0 3px; }


/*  classes
------------------------------ */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.medium     { font-size: 1em; margin-bottom: 1.5em; line-height: 1.5em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }





/* =======================================

	1. LAYOUT

======================================== */

/* 1-1. basic layout 
-------------------------*/
body{
	text-align:center;
	position: relative;
}
.header,.contents{text-align:left;}

/* 1-2. header 
-------------------------*/
.header{
	width: 950px;
	margin: 0 auto;
	padding: 1.5em;
	height: 40px;
}

/* 1-3. g_navi 
-------------------------*/

		

/* 1-4. contents area 
-------------------------*/
.contents{
	zoom:1;
	width:870px;
	margin:0 auto;
	position:relative;
	padding:2em 0 3em;
	line-height: 1.5em;
}
#index .navi a {
	display: block;
	padding: 10px 0 5px;
	text-align:center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#index .navi a.link1{ background-color: #71A9C7;width: 100px;}
#index .navi a.link2{
	background-color: #71BD8C;
	width: 140px;
}
#index .navi {
	position:fixed;
	top:-3px;
	right: 10%;
	z-index:100;
}
#index .navi { list-style:none; padding:0; margin:0;}
#index .navi li { padding:0; margin:0 10px 0 0; float:left;}
#index .header h1 {
	float:left;
	margin-right:1.1em;
}
#index .header h1 a:hover{filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;}
#index .header h2 {
	padding-left: 1.4em;
	float: left;
	border-left: 1px solid #464645;
}
#index .dark_gray {
	background-color: #464645;
}

#index .plan1 {
	border-bottom: 2px solid #F4E37D;
}
#index .plan2 {
	border-bottom: 2px solid #9EF29C;
}

#index .dark_gray h3{
	color: #fff;
	font-size: 1.3em;
	text-align: left;
	width: 500px;
	margin: 0 auto;
	padding: 1.9em 0 1.9em 50px;
}
#index h3 span{
	display:block;
	margin: 0.5em 0 0.2em;
	font-size: 1.7em;
}
#index .plan1 h3 span {color: #F4E37D;}
#index .plan2 h3 span {color: #9EF29C;}

#index .plan1 h3 {
	background: url(../img/closs1.png) 0 50px no-repeat;
	
}
#index .plan2 h3 {
	background: url(../img/closs2.png) 0 50px no-repeat;
}

#index .gray {background-color: #EBEBEB;}
#index .contents h4 {
	text-align: center;
	font-size: 1.3em;
	line-height: 1.5em;
	padding-bottom: 2em;
	border-bottom: 1px solid #9C9C9C;
	margin-bottom: 3em;
}
#index .contents .center {
	margin: 2em auto 4em;
	display: block;
}
#index .contents .txt01 {
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 3em;
	line-height: 1.6em;
}
#index .contents .btn {
	display:block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color:#FFFFFF;
	font-size:2em;
	padding:0.8em;
	text-align:center;
	font-weight: bold;
	margin-bottom: 2em;
}
#index .contents .btn1 {
	background-color:#EB584B;
	margin-bottom: 1em;
}
#index .contents .btn2 { background-color:#71A9C7;}
#index .contents ol{
	list-style:none;
	padding:0;
	margin:0 0 6em 0;
}
#index .contents ol li{
	float:left;
	padding:0;
	width: 420px;
}
#index .contents ol li.f_right{float:right; margin:0;}
.clear{ clear:both;}
#index .copyright {
	background-color: #464645;
	text-align: center;
	padding:2em;
	margin:0;
	color: #fff;
}