@charset "utf-8";

/* CSS reset */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
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%;}

caption,th {
	textron-align:left;
	vertical-align:center;
	background-color: #EDEDED;
	font-family: Verdana, Geneva, sans-serif;
	border: thin solid #FFF;
	padding-left:10px;
}


/*共通 */
body{
	font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka－等幅",sans-serif;
}

body div{
	margin:0 auto;
}

body p,body li,body dt,body dd{
	line-height:1.3em;
}

img{
	vertical-align: top;
}

a{
	color:#858585;
	text-decoration:underline;
}

a:hover{
	color:#3365A5;
	text-decoration:none;
}

a:hover img{
	filter: alpha(opacity=60);
 	-moz-opacity:0.60;
  	opacity:0.60;
} 

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.clearfix{
	display:inline-block;
}

/*Hides from IE-mac*/
* html .clearfix{
	height:1%;
}

.clearfix{
	display:block;
}
/*End hide from IE-mac*/

/*----------------------------------基本CSS---------------------------------------*/

/*ヘッダー*/
#header{
	overflow:hidden;
}

#header p{
	font-size:70%;
	text-align:left;
	width:960px;
	margin:0 auto;
}

/*グランドナビゲーション*/
.nv_bg{
	background:url(../img/common/gnavi_bk.jpg) repeat-x;
}

#gra-navi{
/*	overflow:hidden; */
	clear:both;
	width:960px;
}

#gra-navi ul{
	overflow:hidden;
}

#gra-navi ul li{
	display:inline;
    float: left;
}

#gra-navi a{
	background-image:url(../img/common/gnavi.jpg);
    height: 55px;   
    display: block;   
    text-indent: -9999px;   
    overflow: hidden;   
} 

#gra-navi:after{
	height:0; visibility: hidden; content: "."; display: block; clear: both;
}   
 
#gra-navi .gnavi01 a  { 
	background-position:0 0;
	width:160px;
}   
#gra-navi .gnavi02 a  { 
    background-position:-160px 0;
	width:160px;
}   
#gra-navi .gnavi03 a  {
    background-position:-320px 0;
	width:160px;
}   
#gra-navi .gnavi04 a  { 
    background-position:-480px 0;
	width:160px;
}
#gra-navi .gnavi05 a  { 
    background-position:-640px 0;
	width:160px;
}
#gra-navi .gnavi06 a  { 
    background-position:-800px 0;
	width:160px;
}


#gra-navi .gnavi01 a:hover,#gra-navi .gnavi01a a  { 
	background-position:0 -55px;
	width:160px;
}   
#gra-navi .gnavi02 a:hover,#gra-navi .gnavi02a a  {
    background-position:-160px -55px;
	width:160px;
}   
#gra-navi .gnavi03 a:hover,#gra-navi .gnavi03a a  {
    background-position:-320px -55px;
	width:160px;
}   
#gra-navi .gnavi04 a:hover,#gra-navi .gnavi04a a  {
    background-position:-480px -55px;
	width:160px;
}
#gra-navi .gnavi05 a:hover,#gra-navi .gnavi05a a  {
    background-position:-640px -55px;
	width:160px;
}
#gra-navi .gnavi06 a:hover,#gra-navi .gnavi06a a  {
    background-position:-800px -55px;
	width:160px;
}


/*コンテンツ*/
#pcontent{
	font-size:90%;
	font-coler:#545454;
	width:960px;
	overflow:hidden;
	clear:both;
}

/*メインコンテンツ*/
#main-con{
	width:650px;
	float:left;
}

/*サブコンテンツ*/
#sub-con{
	width:290px;
	float:right;
	font-size:80%;
}

/*フッター*/
#pfooter{
	width:960px;
	font-size:80%;
}

#pfooter_c{
	background-color:#CCC;
	font-size:80%;
}

/*----------------------------------ここまで基本CSS---------------------------------------*/

/*ヘッダー*/
.head01{
	background-image: url(../img/common/head01_bk.jpg);
	background-repeat: repeat-x;
}

.head01_1{	
	overflow:hidden;
	clear:both;
	width:960px;
}

.head01_1A {	
	width:540px;
	float:left;
}

.head01_1A img{	
	padding:20px 0 10px 20px;
}

.head01_1B {	
	width:366px;
	float:right;
	background:#FFFFFF;
	margin-right:34px;
}

.head02{
	background:url(../img/index/head02_bk.jpg) repeat-x;
}

.head02_1{	
	width:960px;
}

/*メインコンテンツ*/
.main01 {
	clear:both;
}

.main01_1 {
	width:360px;
	float:left;
}

.main01_2 {
	width:290px;
	float:right;
}

.main01 ul{
	overflow:hidden;
	clear:both;
	padding:30px 0;
}

.main01_li01{
	padding-top:4px;
	padding-left:15px;
	float:left;
}

.main01_li02{
	padding-top:4px;
	padding-left:35px;
	font-weight:900;
}

.main01 table{
}

.main01 th{
	width:126px;
	height:85px;
	background-color:#FFF;
	border-bottom: #D6D6D6 solid 1px;
	border-right: #D6D6D6 solid 1px;
	vertical-align:center;
}

.main01 td{
	font-size:85%;
	border-bottom: #D6D6D6 solid 1px;
	vertical-align:center;
	padding-left:10px;
	padding-right:10px;
	line-height:1.3em;
}

/*サブコンテンツ*/
.sub01{
}

.sub01 ul{
	padding:30px 0 10px 10px;
}

.sub01 li{
	padding-bottom:10px;
}

.sub01 th{
	width:90px;
	font-size:95%;
	border-bottom: #D6D6D6 solid 1px;
	border-right: #D6D6D6 solid 1px;
	background-color:#FFF;
	vertical-align:center;
	line-height:1.3em;
}

.sub01 td{
	border-bottom: #D6D6D6 solid 1px;
	padding:10px;
	line-height:1.3em;
}


/*位置*/

.pa-to05 {
	padding-top:5px;
}

.pa-to10 {
	padding-top:10px;
}

.pa-to20 {
	padding-top:20px;
}

.pa-to30 {
	padding-top:30px;
}

.pa-to50 {
	padding-top:50px;
}

.pa-to100 {
	padding-top:100px;
}

.pa-bo10 {
	padding-bottom:10px;
}

.pa-bo20 {
	padding-bottom:20px;
}

.pa-bo40 {
	padding-bottom:40px;
}

.pa-le20 {
	padding-left:20px;
}

.pa-le15 {
	padding-left:15px;
}

.pa-le10 {
	padding-left:10px;
}

/*フッター*/
.pfoot01{
	overflow:hidden;
	clear:both;
	line-height:1.6em;
}

.pfoot01_1 {
	width:250px;
	float:left;
	font-weight:900;
}

.pfoot01_2 {
	width:710px;
	float:right;
}


.pfoot02{
	overflow:hidden;
	clear:both;
}

.pfoot02_1 {
	width:250px;
	float:left;
}

.pfoot02_2 {
	width:710px;
	float:right;
}

.pfoot02 td{
	font-weight:600;
}

.pfoot02 th{
	padding-left:0;
	background-color:#FFF;
}

.pfoot02 span{
	color:#3399CC;
}

.pfoot03{
	text-align:center;
	vertical-align:center;
	color:#000000;
	font-weight:600;
	height:50px;
	padding-top:15px;
}
.main01 #syoubyou {
	height: 25px;
	border-left-width: 12px;
	border-left-style: double;
	border-left-color: #03C;
	margin-top:7px;
	margin-left: 15px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-size: 18px;
	float: left;
	background-color: #5DC1E3;
	width: 500px;
	color: #FFF;
	margin-right: 100px;
	font-weight: bold;
	margin-bottom: 20px;
}