@charset "utf-8";

/* @group reset */

*{
margin: 0;
padding: 0}

a { text-decoration : none}
ul, ol { list-style : none}
img{ vertical-align : middle}

img{ 
	max-width:100%;
	height:auto;
}

/* @end */

/* @group html */

html {
font-family : verdana, sans-serif;
font-size : 100%;
line-height: 1.5;
background: 
/*url(../images/960_grid_12_col.png) no-repeat top center*/;
outline: 0;
-webkit-transition: font-size 0.3s linear;
-moz-transition: font-size 0.3s linear;
-o-transition: font-size 0.3s linear;
transition: font-size 0.3s linear}


/* @end */

/* @group headings */

/*h1,h2,h3,h4,h5,h6{color : #62240b}*/

/*h1 {
font-size : 3em; /* 48px *!/
line-height : 1em; /* 48px *!/
margin-bottom : 0.5em}  

h2 {
font-size: 2.25em; /* 36px *!/
line-height: 1.3333em; /* 48px *!/
margin-bottom: 0.6667em}

h3{
font-size: 1.5em; /* 24px *!/
line-height: 1em; /* 24px *!/
margin-bottom: 1em}

hgroup h2,h4,h5,h6 {
font-size: 1em; /* 16px *!/
line-height: 1.5em; /* 24px *!/
margin-bottom: 1.5em}*/

h1 {
font-size: 48px; 
line-height: 1; /* 48px */
margin-bottom: 24px}  

h2 {
font-size: 36px;
line-height: 1.3333; /* 48px */
margin-bottom: 24px}

h3{
font-size: 24px;
line-height: 1; /* 24px */
margin-bottom: 24px}

hgroup h2,h4,h5,h6 {
font-size: 1em; /* 16px */
line-height: 1.5; /* 24px */
margin-bottom: 24px}

/* @end */

/* @group header */

header {
border-top:0.1875em #0C1981 solid;
text-align: center;/*padding-top: 1.5em*/
}
/*header h1 { margin-bottom : .5em}
header h2 { color : #62240b}*/

/* @end */

/* @group nav */

nav {text-align:center}
nav ul {
overflow: hidden;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6571B5), color-stop(1, #1A3797));
margin:0px auto;}
nav ul li {
width:32.8%; float : left;
font-size:0.8em;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6571B5), color-stop(1, #1A3797));
border-top:#A1AAD7 1px solid;
border-right:#364388 1px solid;
border-left:#B1B7DA 1px solid;
}
nav ul li.lightColor {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9EABE1), color-stop(1, #3161CD));
}
nav ul li:last-child{
	border-right:none;
}

nav ul li a {
display : block;
color : white;
padding: .88em 0;
font-weight:bold;
}

/**@lsit menu*/
.list1 ul{
	border-bottom:1px solid #CCC;
	margin:0px
}

.list1 ul li{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F0F0F0));
	border-bottom: 1px solid white;
	border-top: 1px solid #CCC;
	height: 4.0em;
	margin: 0px;
	

}
.list1 ul li a{
	color: #333;
	display: block;
	height: 4.0em;
	margin: 0px;
	overflow: hidden;
	padding: 0 0 0 5.0em;
	white-space: nowrap;
	line-height: 4.0em;
	text-overflow: ellipsis;
	text-decoration: none;
	font-weight:bold;}
.list1 ul li.menu01 a{background: url(../images/ico_01.png) no-repeat 0% 50%,url(../images/ico_arrow.gif) no-repeat 95% 50%;}
.list1 ul li.menu02 a{background: url(../images/ico_02.png) no-repeat 0% 50%,url(../images/ico_arrow.gif) no-repeat 95% 50%;}
.list1 ul li.menu03 a{background: url(../images/ico_03.png) no-repeat 0% 50%,url(../images/ico_arrow.gif) no-repeat 95% 50%;}
.list1 ul li.menu04 a{background: url(../images/ico_04.png) no-repeat 0% 50%,url(../images/ico_arrow.gif) no-repeat 95% 50%;}
.list1 ul li.menu05 a{background: url(../images/ico_05.png) no-repeat 0% 50%,url(../images/ico_arrow.gif) no-repeat 95% 50%;}
.list1 ul li.menu06 a{background: url(../images/ico_06.png) no-repeat 0% 50%,url(../images/ico_arrow.gif) no-repeat 95% 50%;}
.list1 ul li.menu07 a{background: url(../images/ico_07.png) no-repeat 0% 50%,url(../images/ico_arrow.gif) no-repeat 95% 50%;}
.list1 ul li.menu08 a{background: url(../images/ico_08.png) no-repeat 0% 50%,url(../images/ico_arrow.gif) no-repeat 95% 50%;}
.list1 ul li.menu09 a{background: url(../images/ico_09.png) no-repeat 0% 50%,url(../images/ico_arrow.gif) no-repeat 95% 50%;}
.list1 ul li.menu10 a{background: url(../images/ico_10.png) no-repeat 0% 50%,url(../images/ico_arrow.gif) no-repeat 95% 50%;}
/* @end */

/*header,section,aside,p { margin-bottom : 1.5em}*/

#contents {
width : 100%;
margin : 0 auto;
/*text-align:center*/}

footer {
color:#757575;
text-align:center;
padding:1.5em 0;
border-bottom:0.375em solid;
}

@media screen and (min-width : 480px){}

@media screen and (min-width : 768px){
html { font-size : 87.5%;}
#contents {
text-align : left}
}

@media screen and (min-width : 1024px){

html { font-size : 100%;}

/* @group nav */

nav ul {
width : 75%;/* 960/1280 */
margin : 0 auto}

/* @end */

#contents {
overflow: hidden;
width : 75%;/* 960/1280 */
margin : 0 auto}

#contents #main,
#contents #sub { 
float: left;
margin: 0 1.0416667%}/*10/960*/ 

#contents #main {width : 64.5833333%}/*620/960*/
#contents #sub {width : 31.25%}}/*300/960*/

}


/* アコーディオン */
.ac-container{
    width: auto;
    margin: 30px auto;
}
.ac-container label{
	width: auto;
	margin: auto;
	padding: 0 0 0 5.0em;
	position: relative;
	display: block;
	height: 4.0em;
	cursor: pointer;
	line-height: 4.0em;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F0F0F0));
	border-bottom: 1px solid #CCC;
	font-weight:bold;
	color: #333;
	background: url(../images/ico_02.png) no-repeat 0% 50%,url(../images/ico_plus.gif) no-repeat 95% 50%;
}

.ac-container input{
   display: none;
}
.ac-container div{
   background: rgba(255, 255, 255, 0.5);
   margin-top: -1px;
   overflow: hidden;
   height: 0px;
   position: relative;
   z-index: 10;
   transition: 
   height 0.3s ease-in-out, 
   box-shadow 0.6s linear;
}
.ac-container input:checked ~ div{
   transition: 
   height 0.5s ease-in-out, 
   box-shadow 0.1s linear;
   box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}

/* 高さの定義 4.0em＋数 */
.ac-container input:checked ~ div.ac-small{
   height: 12.0em;
}

.ac-small ul li {
	border-top: none;
}
.ac-small ul li a {
	background: url(../images/ico_arrow.gif) no-repeat 95% 50%;
	padding: 0 0 0 1.0em;
	font-size: 90%;
}