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

/*------------------------------------------------------------------------ */
/* --- resetter section --------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}
html {
	overflow-y: scroll;
}

html, body {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, body, html, p, li, dt, dd, pre, form, fieldset {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #333;
	font-style: normal;
	font-size: 14px;
	line-height: 1.6;
}

ul, ol, dl, img {
	margin: 0px;
	padding: 0px;
}
ul, ol {
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border: 0px;
	table-layout: fixed;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0%;
	line-height: 0%;
	vertical-align: bottom;
}
a {
	text-decoration: underline;
}
a:link {
	color: #54B1ED;
}
a:active {
	color: #54B1ED;
}
a:visited {
	color: #54B1ED;
}
a:hover {
	color: #999999;
	text-decoration: none;
}
/*-- リンクの点線を消去 --*/
body div a:active, body div a:focus {
	outline: none;
}

/*ClearFix*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	zoom: 1;
}

/*------------------------------------------------------------------------ */
/* --- structure section -------------------------------------------------- */

#header #h_box, #gnav ul.topmenu, #main_visual, #topicPath, #main, .page_up, #footer .footer_box{
	clear: both;
	width: 1000px;
	margin: 0px auto;
}

#wrapper {
	min-height: 100%;
	margin: 0px auto;
	position: relative;
}
#gnav {
	margin: 0px auto;
}

#main {
	/* with in #content & #snav */
	margin: 0px auto 150px auto;
}
#content {
	/* as main content */
	width: 700px;
	float: left;
	position: relative;
}
#snav {
	/* right or left nav space*/
	width: 260px;
	float: right;
}
#footer {
	/* full width*/
}

/*------------------------------------------------------------------------ */
/* --- common design section ------------------------------------------ */
/* ------header------- */
#header {
	border-top: 5px solid #54b1ed;
}
#header h1{
	font-size: 10px;
	color: #888;
	margin: 10px 0 20px 0;
}


#header #h_box{
	padding-bottom: 30px;
}

#h_left {
	width: 32%;
	float: left;
}


#h_right {
	text-align: right;
	float: right;
	width: 60%;
}
#h_right p{
	font-size: 12px;
	color: #888;
	text-align: left;
	line-height: 1.3em;
	float: left;
}

/*------dropdown_nav------*/
#gnav {
	background: url(./images/common/bg_mainnav.gif) repeat-x;
}

#gnav ul.topmenu {
	display: block;
	position: relative;
}

#gnav ul.topmenu li {
	float: left;
	position: relative;
}

/*------main_visual_box------*/

#main_visual_box {
	background: url(./images/common/bg_main.gif);
	padding: 20px 0;
}

#main_visual.index {
	position: relative;
	background: url(./images/index/main01.jpg);
	height: 400px;
}
#main_visual.index a {
	position: absolute;
	right: 0;
	bottom: 30px;
}


/*------topicPath------*/
#topicPath {
	clear: both;
	display: block;
	padding: 10px 0px;
}
#topicPath li {
	font-size: 11px;
	list-style-type: none;
	display: inline;
	padding-top: 3px;
}
/*#topicPath li.home {
	padding-left: 20px;
	background: url(../common_img/topicpath_home.gif) no-repeat left center;
}*/
#topicPath li a {
	padding-right: 10px;
	background: url(images/common/arrow01.jpg) no-repeat right center;
}

ul#topicPath li a:hover {
	/* arrange me */
}

/* ------ main ------- */
#main {
}
/* titles  Use  large -> small  */
.title_main {
	height: 100px;
	text-align: center;
	font-size: 30px;
	padding-top: 30px;
	font-weight: bold;	
	color: #000;
}
.title_main span{
	display: block;
	font-size: 14px;
}
.title_sub {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 15px;
	border-left: solid 5px #54B1ED;
}
.title_section {
	font-size: 16px;
	font-weight: bold;
	padding-left: 8px;
	margin-bottom: 15px;
	border-left: solid 3px #CCCCCC;
}
.title_item {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.title_page{
	font-size: 22px;
	font-weight: bold;
	display:block;
	margin-bottom: 15px;
	color: #54B1ED;
	/*border-left: 5px solid #FFBA00;
	padding-left: 15px;*/
}
.title_page span{
	font-size: 40px;
	color: #FFBA00;
	line-height: 50px;
	font-family: Arial, Helvetica, sans-serif;
}
.title_images{ margin-bottom: 15px;}

.title_num {
	font-size: 20px;
	color: #000;
	margin-bottom: 15px;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
}
.title_num span,
.num{
	display: inline-block;
	background: #FFA800;
	display: inline-block;
	color: #FFF;
	width: 30px;
	height: 25px;
	line-height: 25px;
	margin-right: 10px;
	text-align: center;
}
.num{
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 5px;
}
.txt_orage{ color: #54B1ED; }
/* ------snav left (or right) tool box----- */
#snav {
}


/* ------footer------- */
#scrollUp {
	width: 60px;
	height: 60px;
  bottom: 370px;
  right: 100px;
	background:url(./images/common/pagetop.png) no-repeat right bottom;
}

#footer {	
	padding: 40px 0px 20px 0px;
	background: url(./images/common/bg_main.gif);
}
#address{
	width: 320px;
	float: left;
}
#footer #address p{
	font-size: 12px;
	margin-top: 25px;
}
#footer .tel{
	float: left;
	margin: 60px 0 0 30px;
}
#footer .img_footer{
	float: right;
	position: relative;
	margin: -105px 0 0 0;
}

#copy_right{
	background: #54b1ed;
	padding: 10px 0;
}
#copy_right ul{ float: left;}
#copy_right li{
	display: inline-block;	
	margin-right: 15px;
}
#copy_right li a{
	background: url(./images/common/arrow02.png) no-repeat left center;
	padding-left: 15px;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
#copy_right li a:hover{ color: #DAECF7; }
#copy_right p{
	float: right;
	font-size: 10px;
	color: #FFF;
	padding-top: 4px;
}
/* --- utility section ----------------------------------------------------------------------------- */

/* text align */
.txt_c{
	text-align:center !important;
}
.txt_l{
	text-align:left !important;
}
.txt_r{
	text-align:right !important;
}

/* if needs instant arrange */
.sec_p p { margin-bottom: 15px; }

.space_l{
	margin-left:15px;
}
.space_r{
	margin-right:15px;
}
.space_b{
	display:block;
	margin-bottom:15px;
}

#wrapper .mb_clear {
	margin-bottom: 0px;
}
#wrapper .mb10 {
	margin-bottom: 10px;
}
#wrapper .mb15 {
	margin-bottom: 15px;
}
#wrapper .mb20 {
	margin-bottom: 20px;
}
#wrapper .mb30 {
	margin-bottom: 30px;
}
#wrapper .mb40 {
	margin-bottom: 40px;
}
#wrapper .mb50 {
	margin-bottom: 50px;
}

/*-------container------- */
.container {
	height: 100%; /*fig IE6*/
	margin-bottom: 40px;
}
.container .msg {
	width: 650px;
	word-break: break-all;
}
.container .img {
	width: 320px;
}
.pic_l .img, .pic_r .msg {
	float: left;
}
.pic_l .msg, .pic_r .img {
	float: right;
}

.flow_picl .img{ float:left; margin-right: 15px; margin-bottom: 5px;}
.flow_picr .img{ float:right; margin-left: 15px; margin-bottom: 5px;}


.case{ margin-bottom: 30px; }
/* more botton right */
.more{
	margin-top: 10px;
	text-align: right;
}

/* highlight & line_box box */
.highlight{
	padding:15px;
	margin-bottom:30px;
	border: 1px dotted #e5e5e5;
	background-color: #FAFAFA;
}
.line_box{
	padding:15px;
	border: 1px dotted #e5e5e5;
}

/* table style */
.tb_style{
	width:100%;
	table-layout: auto;
	border-collapse: collapse;
	border:#e5e5e5 solid 1px;
}
.tb_style th,
.tb_style td{
	text-align: left;
	padding: 10px 15px;
	border: #e5e5e5 dotted 1px;
	border-right: #e5e5e5 solid 1px;
}
.tb_style th{
	border-bottom: #e5e5e5 solid 1px;
	background: #FAFAFA;
	vertical-align: top;
}

/*------ list_dot ------*/
.list_dot{
	list-style:disc;
	margin:0 0 15px 17px;
}
.list_dot li{ margin-bottom: 10px;}

.list_num{
	list-style: decimal;
	margin:0 0 15px 17px;
}
.list_num li{ margin-bottom: 10px;}
/* control_area */
.control_area{
	text-align:center;
}
.control_area .btn_left{
	float:left;
}
.control_area .btn_right{
	float:right;
}
.control_area .btn_center{
	display:inline-block;
}
.control_txt a{
	color: #FFF;
	display: block;
	padding:5px 25px;
	border-radius:3px;	
	background: #000;
	font-weight: bold;
	margin-bottom:15px;
	text-decoration: none;
}
.control_txt a:hover{	background: #666; }

/* ------ colum style ------- */
.col2_box, .col3_box, .col4_box{
	margin-bottom:30px;
	position:relative;
}
.col2_box .col2, .col3_box .col3, .col4_box .col4{
	float:left;
}

/* ------2colum------- */
.col2_box {
}
.col2_box .col2 {
}

/* ------3colum------- */
.col3_box {
}
.col3_box .col3 {
}

/* ------4colum------- */
.col4_box {
}
.col4_box .col4 {
}


.contact_c{
	background: url(images/common/bg_contact.jpg) no-repeat;
	height: 307px;
	position: relative;
	clear: both;
}
.contact_c img{
	position: absolute;
	bottom: 35px;
	left: 310px;
}
/*---------- page_index -------------*/
.piccol2{ margin: 40px 0;}
.piccol2 li{
	width: 480px;
	float: left;
	margin-left: 40px;
}
.piccol2 li:first-child{ margin-left: 0;}

/*---- news ----*/
#news{

}
#news .news_box{
	background: #FFF;
	padding: 18px;
	border: 1px solid #ddd;
	border-top: 4px solid #54B1EE;
	margin-top: 15px;
}
#news ul{	
	overflow: auto;
	height: 130px;
	padding-right: 20px;
}
#news li{
	overflow: hidden;
	padding: 7px 10px;
	border-bottom: 1px dotted #ccc;
}
#news li span{
	display: block;
	width: 110px;
	background: url(./images/common/arrow01.jpg) no-repeat left center;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	float: left;
}
#news li a{
	display: block;
	width: 440px;
	float: left;
	color: #333;
	text-decoration: none;
}
#news li a:hover{ color: #54B1ED; }

/*---- greetings ----*/
#greetings h3{ margin-bottom: 20px;}
#greetings .img{ width: 230px; }

.banner01 li{ margin-bottom: 30px;}
.banner02{ margin-bottom: 30px; }
.banner02 li{ margin-bottom: 15px;}

#blog{
	border: 1px solid #ddd;
	padding: 3px;
	margin-bottom: 30px;
}
#blog ul{
	padding: 8px 8px 0px 8px;
}
#blog li{
	overflow: hidden;
	border-top: 1px solid #ddd;
	padding: 10px 0;
}
#blog li:first-child{ border: none; padding-top: 3px;}
#blog li img{ float: right;}
#blog li span{
	width: 155px;
	float: left;
	font-size: 11px;
	line-height: 1.5em;
}
#blog li span em{
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin-bottom: 3px;
}
/*---------- End page_index -------------*/

/*---------- page_e_learning -------------*/
.arrow_step p{
	background: url(images/common/arrow04.png) no-repeat 5px bottom;
	padding-bottom: 35px;
}
.arrow_step p:last-child{ background: none;}
/*---------- End xxxx -------------*/

/*---------- page_flow -------------*/
#flow .num{
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 0;
	background: #54B1ED;
}
#flow .case{ 
	background: url(images/flow/arrow.png) no-repeat center bottom;
	padding-bottom: 50px;
}
#flow .case.last{ 
	background: none;
	padding-bottom: 0;
}
#flow .case p{ margin-left: 40px; }
/*---------- End page_flow -------------*/

/*---------- page_faq -------------*/
#faq .q{
	background: url(images/faq/bg_q.png) no-repeat left top;
	padding: 10px 0 18px 60px;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	
}
#faq .a{
	background: url(images/faq/bg_a.png) no-repeat left top;
	padding-left: 60px;
}
/*---------- End page_faq -------------*/

/*---------- page_profile -------------*/
#profile{
	background: url(images/profile/bg_profile.jpg) no-repeat right bottom;
	padding-bottom: 100px;
}
/*---------- End page_profile -------------*/

/*---------- page_sitemap -------------*/
#sitemap ul{
	width: 50%;
	float: left;
}
#sitemap li{
	background: url(images/common/arrow01.jpg) no-repeat left center;
	padding-left: 10px;
	
	margin-bottom: 10px;
}
#sitemap li a{
	color: #333;
	text-decoration: none;
}
#sitemap li a:hover{ color: #666; }
/*---------- End page_sitemap -------------*/

/*---------- page_service -------------*/
#service p{
	padding-left: 60px;
}
#service p em{
	position: relative;
	margin-left: -40px;
}
/*---------- End page_service -------------*/

/*---------- page_contact -------------*/
#contact  input[type="text"],
#contact textarea  {
	width: 95%;
	border: solid 1px #CCC;
	padding: 4px;
}
#contact  table {
	margin-bottom: 20px;
}
#contact  table th,
#contact  table td {
	width: 1000px;
	display: block;
}
#contact  table td ul li {
	display: inline-block;
	margin-right: 14px;
}
#contact #confirm-button  {
	text-align: center;
}
#contact #confirm-button input {
    font-weight: bold;
    margin-top: 5px;
    padding: 10px 20px;
}
#contact th .subject,
#contact td div {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e5e5e5;
    border-image: none;
    border-style: dotted solid dotted dotted;
    border-width: 1px;
    padding: 10px 15px;
    text-align: left;
}
#contact th .subject {
	background: #fafafa none repeat scroll 0 0;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: top;
}
#contact th .subject span img {
	vertical-align: middle;
}
#contact td div.error {
	border-top: #FFF;
	background: #FFF;
	color: #C00;
	margin-top: -5px;
	padding-top: 5px;
}
/*---------- End page_contact -------------*/

article.type-post {
	border-bottom: dotted 1px #CCC;
	padding: 10px 0;
}
article.type-post span {
	width: 110px;
	display: inline-block;
	vertical-align: top;
}
article.type-post a {
	width: 880px;
	display: inline-block;
}
article.type-post .entry-thumbnail {
	width: 140px;
	display: inline-block;
}
article.type-post .entry-txt {
	width: 850px;
	display: inline-block;
	vertical-align: top;
}

.pagination {
    font-size: 14px;
    text-align: center;
}
.pagination .current,
.pagination a{
    display: inline-block;
    line-height: 1em;
    padding: 8px;
    text-align: center;
	margin: 0 4px
}
.pagination .current {
    background: #54B1ED;
    color: #fff;
}
.pagination a {
	border: solid 1px #CCC;
}
.navigation.post-navigation .nav-links {
	margin: 30px 0 0;
	overflow: hidden;
	clear: both;
}
.navigation.post-navigation .nav-links .meta-nav.prev {
	float: left;
	display: block;
}
.navigation.post-navigation .nav-links .meta-nav.next {
	float: right;
	display: block;
}

.page_single img {
	float: left;
	margin: 0 20px 20px 0;
}


/*---------- xxxx -------------*/
/*---------- End xxxx -------------*/