@charset "utf-8";
body{
	background:url(../img/bg.gif) 0 0 repeat-x #f2f4f3;
	margin: 0 auto;
	text-align:center;
	}
img{
	border:none;
	}

	
h1 {
	margin-bottom: 5px;
	font-size: 24px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	_font-family: ‘ＭＳ Ｐゴシック’, sans-serif;
}
h3 {
  font-size: 16px;
}
div.wrapper {
	margin: 0 auto;
	width: 960px;
	text-align:left;
}

.header {
	height:199px;
}

.header div#top{
	height:38px;
	}

.header div#top h1{
	float:left;
	font-size:12px;
	width:540px;
	padding-top:5px;
	}

.header div#top nav{
	float:left;
	}

.header div#top nav li{
  margin: 0 10px;
	}

.header div#middle{
	overflow:hidden;
	height:88px;
	}

.header div#middle #s{
	margin:0 0 10px 50px;
	
	}
.header div#middle p.logo{
	width:277px;
	float:left;
	padding:20px 20px 0 0 ;
	margin:0;
	
	}

.header div#middle ul{
	float:left;
	width:396px;
	}
	
.header div#middle ul.serch{
	float:left;
	width:255px;
	overflow:hidden;
	
	}
	
.header div#middle ul.serch li.tell{
	padding-left:31px;
	padding-bottom:5px;
	}

#globalnav {
	clear:both;
	margin-top:6px;
}
ul {
  margin: 0;
  padding: 0;
  overflow: hidden;	/* モダンブラウザ向け */
  zoom: 1; /* IE向け */
}

nav li {
  list-style: none;
  float: left;
}


.footer {
	clear:both;
	width:100%;
	margin:0 auto;
	text-align:center;
	background:url(../img/bg_footer.gif) 0 0 repeat-x #f2f4f3;
	height:225px;
	min-width:960px;
	_display: inline;
	_zoom:1;
	
	}

div#pagetop {
	width:960px;
	text-align:right;
	margin: 0 auto;

}

div#footer_wrap{
	width:960px;
	text-align:center;
	margin:0 auto;
	}

div#footerL{
	float:left;
	width:525px;
	text-align:left;
	margin:0 auto;
	padding-top:17px;
	}

div#footerR{
	padding-top:17px;
	width:435px;
	float:left;
	text-align:left;
	margin:0 auto;
	}

div#footerR ul{
	overflow:hidden;
	padding-bottom:18px;
	font-size:12px;
	}

div#footerR li{
	padding:0 5px;
	}

div#footerR li.line{
	border-right:1px solid #000000;
	}

p {
  font-size: 12px;
  margin-bottom: 10px;
}


#copyright {
	clear:both;
	text-align: center;
	font-size:11px;
	padding-top:25px;
	font-family: 'Tahoma', 'Arial', sans-serif;
	}

div#contentL{
	float:left;
	width:690px;
	clear:both;
	margin-bottom:10px;
	}

div#contentR{
	float:left;
	width:240px;
	padding-left:20px;
	}
	
div#contentR p{
	line-height:18px;
	}
	
div#contentR .cat h1,
div#contentR .news h1,
div#contentR .archive h1{
	color:#f25c05;
	font-size:16px;
	padding-bottom:10px;
	}

div#contentR .cat{
	padding:0 0 10px 0;
	background:url(../img/bg_line.gif) left bottom no-repeat;	
	}

div#contentR .news{
	padding:15px 0 20px 0;
	background:url(../img/bg_line.gif) left bottom no-repeat;	
	}

div#contentR .archive{
	padding:15px 0 20px 0;
	background:url(../img/bg_line.gif) left bottom no-repeat;	
	}


div#contentR .cat ul{
	font-size:13px;
	font-weight:bold;
	}
	
div#contentR .cat ul ul{
	margin:10px 0 10px 5px;
	}
div#contentR .cat ul ul li,
div#contentR .news ul li{
	background:url(../img/side_icon.gif) 0 0 no-repeat;	
	padding:0 0 10px 20px;
	line-height:18px;
	}
		
/* シャドウつき*/
.box {     
	width:70%;
	height:200px;
	background:#f2f4f3;
	margin:40px auto;
	} 

.effect2{   
	float:left;
	width:307px;
	height:205px;
	background:url(../img/shadow.gif) left 195px no-repeat;
	 }

body:not(:target) .effect2{   
	float:left;
	width:307px;
	height:195px;
	position: relative;
	 }

body:not(:target) .effect2:before,
body:not(:target) .effect2:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	-pie-box-shadow: 0 15px 10px #777;
	-pie-transform: rotate(-3deg);
	behavior: url(/wp-content/themes/codomo/PIE.htc);
	 } 

	
body:not(:target) .effect2:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-pie-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
	behavior: url(/wp-content/themes/codomo/PIE.htc);
	} 



/* ボックスシャドウ*/
.boxshadow {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow :0px 2px 1px #d7d7d7;
	-moz-box-shadow :0px 2px 1px #d7d7d7;
	box-shadow :0px 2px 1px #d7d7d7;
	-pie-box-shadow :0px 2px 1px #d7d7d7;
	behavior: url(/wp-content/themes/codomo/PIE.htc);
	position: relative;
	width:680px;
	z-index:1;
	background-color:#ffffff;
	}


/* ナビ*/
#menu-sub-menu {
	width:396px;
	margin-top:30px;
	float:left;
}

#menu-sub-menu li {
	display:inline;
}

#menu-sub-menu a {
	background:url(../img/subNav.png?1) no-repeat left top;
	display: block;
	float:left;
	height: 42px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*default*/
#menu-sub-menu .aims a {
	background-position: 0 0;
	width: 186px;
}
#menu-sub-menu .flow a {
	background-position: -186px 0;
	width: 105px;
}
#menu-sub-menu .qa a {
	background-position: -291px 0;
	width: 105px;
}

/* onmouse */

#menu-sub-menu .aims a:hover,
body.aims #menu-sub-menu .aims a  {
	background-position: 0 -42px;
}
#menu-sub-menu .flow a:hover,
body.flow #menu-sub-menu .flow a {
	background-position: -186px -42px;
}
#menu-sub-menu .qa a:hover ,
body.faq #menu-sub-menu .qa a {
	background-position: -291px -42px;
}

/* menu
-------------------------------------------------*/
#menu-global-menu {
	width:961px;
	clear:both;
}

#menu-global-menu li {
	display:inline;
}

#menu-global-menu a {
	background:url(../img/nav.png?1) no-repeat left top;
	display: block;
	float:left;
	height: 68px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*default*/
#menu-global-menu .one a {
	background-position: 0 0;
	width: 101px;
}
#menu-global-menu .two a {
	background-position: -101px 0;
	width: 91px;
}
#menu-global-menu .three a {
	background-position: -192px 0;
	width: 93px;
}
#menu-global-menu .four a {
	background-position: -285px 0;
	width: 93px;
}
#menu-global-menu .five a {
	background-position: -378px 0;
	width: 96px;
}
#menu-global-menu .six a {
	background-position: -474px 0;
	width: 93px;
}

#menu-global-menu .doms a {
	background-position: -567px 0;
	width: 98px;
}

#menu-global-menu .middle a {
	background-position: -665px 0;
	width: 100px;
}

#menu-global-menu .english a {
	background-position: -765px 0;
	width: 89px;
}

#menu-global-menu .hakuoukai a {
	background-position: -854px 0;
	width: 107px;
}

/* onmouse */

#menu-global-menu .one a:hover,
body.one-year #menu-global-menu .current-menu-item a  {
	background-position: 0 -68px;
}
#menu-global-menu .two a:hover,
body.two-year #menu-global-menu .current-menu-item a  {
	background-position: -101px -68px;
}
#menu-global-menu .three a:hover ,
body.three-year #menu-global-menu .current-menu-item a  {
	background-position: -192px -68px;
}
#menu-global-menu .four a:hover,
body.nensho #menu-global-menu .current-menu-item a  {
	background-position: -285px -68px;
}
#menu-global-menu .five a:hover,
body.nenchu #menu-global-menu .current-menu-item a  {
	background-position: -378px -68px;
}
#menu-global-menu .six a:hover,
body.nencyo #menu-global-menu .current-menu-item a  {
	background-position: -474px -68px;
}

#menu-global-menu .doms a:hover,
body.junior #menu-global-menu .current-menu-item a  {
	background-position: -567px -68px;
}

#menu-global-menu .middle a:hover,
body.middle #menu-global-menu .current-menu-item a  {
	background-position: -665px -68px;
}

#menu-global-menu .english a:hover,
body.english #menu-global-menu .current-menu-item a  {
	background-position: -765px -68px;
}

#menu-global-menu .hakuoukai a:hover,
body.examination #menu-global-menu .current-menu-item a  {
	background-position: -854px -68px;
}

/*まわり込み*/
.block {
	width:570px;
	clear:both;
}
.fl {
	float:left;
	margin-right:10px;
}
.fr {
	float:right;
	margin-left:10px;
}



.pc-switcher{
	width:252px;
	margin:0 auto;
	padding:0.8em 0;
	overflow:hidden;
}
.pc-switcher:after{
	clear:both;
}
.pc-switcher a{
    border:1px solid #CCC;
    border-right:none;
    border-radius: 8px 0 0 8px;
	float:left;
}
.pc-switcher span{
    border:1px solid #CCC;
    border-radius: 0 8px 8px 0;
	float:right;
}

.pc-switcher a ,
.pc-switcher span{
	width: 124px;
	background: -webkit-gradient( linear, left bottom, left top, from(#ccc), to(#eee) );
	background: -webkit-linear-gradient(bottom, #ccc, #eee);
	background: -moz-linear-gradient(bottom, #ccc, #eee);
	background: -o-linear-gradient(bottom, #ccc, #eee);
	background: -ms-linear-gradient(bottom, #ccc, #eee);
	background: linear-gradient(to top, #ccc, #eee);
	color: #333;
	display: block;
	height: 32px;
	line-height: 32px;
	text-align: center;
	width: 124px;
}
.pc-switcher span,
.pc-switcher a:hover {
	background: #EEE url(none);
}


div{font-size:13px;}


/*ぱんくず*/
div#breadcrumb{
	font-size:12px;
	margin:10px 0 5px 0;
	height:22px;
	overflow:hidden;
	*padding-top:5px;
	}

div#breadcrumb ul{
	line-height:22px;
	list-style:none;
	}

div#breadcrumb li{
	float:left;
	padding:2px 5px 10px 5px;
	}

#slideout {
  position: fixed;
  top: 220px;
  left: -280px;
  height:340px;
  width:345px;
  background:url(../img/bg_map.png) 0 0 no-repeat;
  overflow:hidden;
  z-index:100;
}

img#marker{
	margin-left:0px;
	padding:0;
	}
#slideout_inner {
}


#slideout ul#first,
#slideout ul#third{
	clear:both;
	padding-left:10px;
	list-style:none;
	}

#slideout ul#second{
	clear:both;
	list-style:none;
	}

#slideout ul#second li{
	float:left;
	padding-left:50px;
	padding-right:30px;
	}

	
#slideout ul#first li,
#slideout ul#third li{
	float:left;
	
	}

div.wp-pagenavi .previouspostslink{
	color:#000;
	font-weight:bold;
	padding-right:12px;
	margin-right:4px;
	}

div.wp-pagenavi .nextpostslink{
	color:#000;
	font-weight:bold;
	padding-right:13px;
	margin-right:4px;
	}

div.wp-pagenavi a.larger{
	border-radius: 10px;
	-webkit-box-shadow: 0 1px #fff, inset 0 1px #fff;
	-moz-box-shadow: 0 1px #fff, inset 0 1px #fff;
	-ms-box-shadow: 0 1px #fff, inset 0 1px #fff;
	-pie-box-shadow: 0 1px #fff, inset 0 1px #fff;
	box-shadow: 0 1px #fff, inset 0 1px #fff;
	border: solid 1px #c8c8c8;
	padding:5px 10px;
	background: -webkit-linear-gradient(bottom, #bbb, #eee);
	background: -moz-linear-gradient(bottom, #bbb, #eee);
	background: -o-linear-gradient(bottom, #bbb, #eee);
	-pie-background:linear-gradient(bottom, #bbb, #eee);
	background: linear-gradient(to top, #bbb, #eee);
	padding:5px 10px;
	color:#000;
	behavior: url(/wp-content/themes/codomo/PIE.htc);
	position: relative;
	}

div.wp-pagenavi{
	clear: both;
	padding-top:20px;
	height:50px;
	text-align:center;
	}
	
div.wp-pagenavi a{
	border-radius: 10px;
	-webkit-box-shadow: 0 1px #fff, inset 0 1px #fff;
	-moz-box-shadow: 0 1px #fff, inset 0 1px #fff;
	-ms-box-shadow: 0 1px #fff, inset 0 1px #fff;
	-pie-box-shadow: 0 1px #fff, inset 0 1px #fff;
	box-shadow: 0 1px #fff, inset 0 1px #fff;
	border: solid 1px #c8c8c8;
	padding:5px 10px;
	background: -webkit-linear-gradient(bottom, #bbb, #eee);
	background: -moz-linear-gradient(bottom, #bbb, #eee);
	background: -o-linear-gradient(bottom, #bbb, #eee);
	-pie-background:linear-gradient(bottom, #bbb, #eee);
	background: linear-gradient(to top, #bbb, #eee);
	padding:5px 10px;
	color:#000;
	behavior: url(/wp-content/themes/codomo/PIE.htc);
	position: relative;
	}
	
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-radius: 10px;
	-webkit-box-shadow: 0 1px #fff, inset 0 1px #fff;
	-moz-box-shadow: 0 1px #fff, inset 0 1px #fff;
	-ms-box-shadow: 0 1px #fff, inset 0 1px #fff;
	-pie-box-shadow: 0 1px #fff, inset 0 1px #fff;
	box-shadow: 0 1px #fff, inset 0 1px #fff;
	border: solid 1px #c8c8c8;
	background: -webkit-linear-gradient(bottom, #ddd, #eee);
	background: -moz-linear-gradient(bottom, #ddd, #eee);
	background: -o-linear-gradient(bottom, #ddd, #eee);
	background: -ms-linear-gradient(bottom, #ddd, #eee);
	-pie-background: linear-gradient(bottom, #ddd, #eee);
	background: linear-gradient(to top, #ddd, #eee);
	behavior: url(/wp-content/themes/codomo/PIE.htc);
	position: relative;
}

.wp-pagenavi .page{
	margin-right:3px;
	}
	
.wp-pagenavi a.first{
	margin-right:3px;
	}

.wp-pagenavi span.current {
	font-weight: bold;
	padding:5px 10px;
	margin-right:3px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px #fff, inset 0 1px #fff;
	-moz-box-shadow: 0 1px #fff, inset 0 1px #fff;
	-ms-box-shadow: 0 1px #fff, inset 0 1px #fff;
	-pie-box-shadow: 0 1px #fff, inset 0 1px #fff;
	box-shadow: 0 1px #fff, inset 0 1px #fff;
	border: solid 1px #c8c8c8;
	background: -webkit-linear-gradient(bottom, #ddd, #eee);
	background: -moz-linear-gradient(bottom, #ddd, #eee);
	background: -o-linear-gradient(bottom, #ddd, #eee);
	background: -ms-linear-gradient(bottom, #ddd, #eee);
	-pie-background: linear-gradient(bottom, #ddd, #eee);
	background: linear-gradient(to top, #ddd, #eee);
	behavior: url(/wp-content/themes/codomo/PIE.htc);
	position: relative;
}

.wp-pagenavi span.extend{
	border-radius: 10px;
	-webkit-box-shadow: 0 1px #fff, inset 0 1px #fff;
	-moz-box-shadow: 0 1px #fff, inset 0 1px #fff;
	-pie-box-shadow: 0 1px #fff, inset 0 1px #fff;
	box-shadow: 0 1px #fff, inset 0 1px #fff;
	border: solid 1px #c8c8c8;
	background: -webkit-linear-gradient(bottom, #ddd, #eee);
	background: -moz-linear-gradient(bottom, #ddd, #eee);
	background: -o-linear-gradient(bottom, #ddd, #eee);
	background: -ms-linear-gradient(bottom, #ddd, #eee);
	-pie-background: linear-gradient(bottom, #bbb, #eee);
	background: linear-gradient(to top, #ddd, #eee);
	padding:5px 10px;
	margin-right:3px;
	behavior: url(/wp-content/themes/codomo/PIE.htc);
	position: relative;
	}
	
.wp-pagenavi .smaller{
	margin-right:3px;
	}