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

body {
	background-color:#fdfbe9;
}

a {
	color:#615e55;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a:hover img{
	text-decoration:none;
}

a:hover img.hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


.clearer {
	clear:both;
}

.clearer30 {
	clear:both;
	height:30px;
}

.clearer50 {
	clear:both;
	height:50px;
}

.clearfix {
	width:100%;}

.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }
 
 .fr {
	 float:right;
 }
 
 .fl {
	 float:left;
 }
 
 
 .mr10 {
	 margin-right:10px !important;
 }
 
.mr20 {
	 margin-right:20px !important;
 }
 
.ml10 {
	 margin-left:10px !important;
 }
 
 .mt0 {
	 margin-top:0 !important;
 }
 
.mt50 {
	 margin-top:50px !important;
 }
 
.mb5 {
	margin-bottom:5px !important;
}

.mb15 {
	margin-bottom:15px !important;
}

.mb20 {
	margin-bottom:20px !important;
}

.ptb12 {
	padding:12px 0 !important;
}
 

/*header*/

#header {
	background:url(../img/header_bg.gif) bottom left repeat-x #FFFFFF;
	padding:10px 0 0;
}

#header .inner {
	width:1000px;
	margin:0 auto;
}

#header .inner .logo{
	float:left;
	width:392px;
}

#header .inner .social {
	padding-top:16px;
}

#header .inner .social li {
	float:right;
	margin-left:5px;
}

#header .inner #gnav {
	margin-top:30px;
}

#header .inner #gnav li{
	float:left;
	line-height:0;
}

/*wrapper*/

#wrapper {
	width:1000px;
	margin:0 auto;
}

/*footer*/

#footer {
	background-color:#00b0ec;
	padding:15px 0;
}

#footer p{
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	letter-spacing:2px;
}


/*top*/

.main{
	margin:0 auto 20px;
	width:1000px;
}

#top {
	width:700px;
	float:left;
	position:relative;
}

#top .top_menu li {
	float:left;
	margin-right:20px;
	margin-bottom:15px;
}

#top a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

#top .books {
	background-color:#cceffb;
	border:2px solid #f3efcb;
	margin-right:20px;
	margin-bottom:50px;
	padding:20px;
}

#top .books .inner{
	background-color:#FFFFFF;
	margin-top:10px;
	padding:10px;
	border-radius: 5px; /* CSS3草案 */ 
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 5px; /* Firefox用 */
}

#top .books .inner ul li{
	width:305px;
	float:left;
}

#top .books .inner ul li h3{
	color:#00b0ec;
	font-size:18px;
	letter-spacing:1px;
	line-height:24px;
	height:48px;
	margin-bottom:5px;
}

#top .books .inner ul li h3 a{
	text-decoration:none;
}

#top .books .inner ul li img{
	float:left;
	margin-right:5px;
}

#top .books .inner ul li p {
	color:#615e55;
	font-size:14px;
	line-height:150%;
}

.count{
	position:absolute;
	bottom:20px;
	left:0}

#right_column {
	width:300px;
	float:right;
}

.right_column .bnr{
	margin-bottom:20px;
}

/*contents*/

.breadcrumb {
	font-size:12px;
	color:#615e55;
	padding:15px 0;
}

#left_column {
	width:300px;
	float:left;
	background-color:#FFFFFF;
	padding-bottom:50px;
}

#left_column ul {
	margin-bottom:20px;
}

#left_column ul li{
	background: url(../img/leftmenu_bg.png) bottom left no-repeat;
}


#left_column ul li a{
	display:block;
	color:#00b0ec;
	padding:22px 0 22px 30px;	
	text-decoration:none !important;
	background:url(../img/arrow_leftmenu.png) 10px 20px no-repeat;
}


#left_column ul li.current {
	background-color:#cceffb;
}

#left_column ul li a:hover{
	background-color:#cceffb;
}

#contents {
	width:650px;
	padding-bottom:50px;
	float:right;
}


#contents h1{
	margin-bottom:20px;
}

#contents h2{
	margin-bottom:25px;
	background-color:#00b0ec;
	font-size:21px;
	color:#FFFFFF;
	letter-spacing:3px;
	text-align:center;
	padding:12px;
}

#contents h3{
	margin-top:50px;
	margin-bottom:20px;
	border-bottom:2px solid #00b0ec;
	font-size:21px;
	color:#000000;
	letter-spacing:3px;
	padding-bottom:8px;
}


#contents .contents_menu  {
	margin-bottom:100px;
}

#contents .contents_menu li {
	float:left;
	margin-right:8px;
	margin-bottom:10px;
}

#contents p{
	color:#615e55;
	font-size:16px;
	line-height:180%;
	letter-spacing:1px;
	margin-bottom:20px;
}

#contents ul.liststyle01 {
	margin:20px 0;
}

#contents ul.liststyle01 li{
	color:#615e55;
	font-size:20px;
	font-weight:100;
	line-height:180%;
	margin-bottom:10px;
}

#contents ul.liststyle01 li span{
	font-size:15px;
}


#contents ol.liststyle02 {
	margin:20px 0 10px 30px;
}

#contents ol.liststyle02 li{
	list-style:decimal;
	color:#615e55;
	font-size:16px;
	font-weight:100;
	line-height:180%;
	margin-bottom:10px;
}

#contents ul.liststyle01 li:before { content:"・"; }

#contents ul.liststyle03 {
}


#contents ul.liststyle03 li{
	color:#615e55;
	font-size:16px;
	font-weight:100;
	line-height:180%;
	margin-bottom:10px;
}

#contents ul.liststyle03 li:before { content:"・"; }


/*受給者証の取得*/

#contents ul.flow_list {
	margin-bottom:60px;
}

#contents ul.flow_list li {
	line-height:0;
}

#contents ul.flow_list li img{
	line-height:0;
}

/*メールフォーム*/

#contents p.caution {
	color:#F00;
	font-size:14px;
}

#contents .contact {
	margin-bottom:30px;
	width:640px;
	
}

#contents .contact th{
	font-size:16px;
	color:#62614f;
	letter-spacing:2px;
	text-align:left;
	border-bottom:2px solid #f3efcb;
}

#contents .contact th sup{
	font-size:12px;
	color:#F00;
}

#contents .contact td{
	padding:20px;
	border-bottom:2px solid #f3efcb;
}


#contents .contact td input{
	background-color:#d9f3fc;
	padding:10px;
	width:350px;
	border:1px solid #00b0ec;
	border-radius:5px;        /* CSS3草案 */  
    -webkit-border-radius:5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:5px;   /* Firefox用 */ 	
}

#contents .contact td textarea{
	background-color:#d9f3fc;
	padding:10px;
	width:350px;
	height:200px;
	border:1px solid #00b0ec;
	 border-radius:5px;        /* CSS3草案 */  
    -webkit-border-radius:5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:5px;   /* Firefox用 */ 	
}

#contents p.btn {
	text-align:center;
}

#contents p.contact_text {
	text-align:center !important;
}

#contents .box {
	background-color:#cceffb;
	padding:20px;
	margin-top:80px;
	border-radius:10px;        /* CSS3草案 */  
    -webkit-border-radius:10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:10px;   /* Firefox用 */ 	
}

#contents p.catch {
	text-align:center;
	margin-top:50px;
	font-size:20px;
	color:#000000;
}