/***** Reset (ここは編集しないこと) *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
caption {width: 100%;}






/***** 横幅設定 (100% or 950px) *****/
#container{width: 780px;}


/***** カラム設定 (3 or 2 or 1) *****/
/*3カラム左右
#main{width: 70%;}
#side{width: 20%;margin-right: -20%;float: left;}
#mainwrap{margin-left: 20%;width: 80%;float: right;}
#sidebar2{width: 30%;margin-left: -10px;}*/

#main{width: 466px;}
#side{width: 155px;margin-right: -625px;float: left;}
#mainwrap{margin-left: 155px;width: 624px;float: right;}
#sidebar2{width: 155px;margin-left: -10px;}


/*3カラム右右
#main{width: 70%;}
#side{width: 20%;float: right;margin-left: -20%;}
#mainwrap{width: 80%;float: left;margin-right: 20%;background-color: #ccc;}
#sidebar2{width: 30%;margin-left: -10px;}*/

/*2カラム左
#main{width: 100%;}
#side{width: 25%;margin-right: -25%;float: left;}
#mainwrap{margin-left: 25%;width: 75%;float: right;}
#sidebar2{width: 100%;background-color: #666;}*/

/*2カラム右
#main{width: 100%;}
#side{width: 25%;margin-left: -25%;float: right;}
#mainwrap{width: 75%;margin-right: 25%;float: left;}
#sidebar2{width: 100%;background-color: #666;}*/

/*1カラム
#main{width: 100%;}
#side{width: 100%;float: left;}
#mainwrap{width: 100%;float: right;}
#sidebar2{width: 100%;background-color: #666;}*/





/***** 共通のタグ CommonTag *****/
body{background-color: #eef;font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;}
h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0px 0 15px;}
a{ outline:none;color: #666;text-decoration: none;}
a:hover{color: #999;text-decoration: underline;}





/***** スペース領域 AreaSpace *****/
#container{margin-right:auto;margin-left:auto;}
#main{float: left;text-align:left;background-color: #fff;overflow: hidden;}
#mainwrap{overflow: hidden;}
#side{overflow: hidden;}
#sidebar1{overflow: hidden;}
#sidebar2{float: right;overflow: hidden;}
.sidebar{padding-bottom: 15px;overflow: hidden;}
#topimage{height: 210px;clear: both;border-bottom: 3px solid #333;background: #00F url(img/wsc5-topimage.gif) no-repeat;}
/*#header{overflow: hidden;border-bottom: 2px solid #424242;float: left;width: 100%;background-color: #eef; }*/
#footer{clear:both;background-color: #00F;float: left;height: 90px;width: 100%;background :url("/images/footer_background.png") no-repeat;}
/*#wrap{clear:both;background-color: #FFF;float: left;width: 100%;overflow: hidden;margin-top: -1px;border-top: 1px solid #7f7f7f;}*/
#pagewrap{clear: both;float: left;overflow: hidden;width: 100%;}





/***** ヘッダー Header *****/
#header .header_ttl{margin:0px 10px;padding: 0px 0;font-weight: normal;font-style: normal;color:#000;font-size:70%;}
#header .header_ttl a:hover{color:#f00}
#header .header_description{margin:0px 10px;padding: 0px 0;color: #000;font-size: 70%;}
#header #officename {margin:0px 10px;padding: 0px;}

/*ヘッダーナビ header_navi*/
/*
#header_navi{padding: 0;width: 100%;background-color: #333;float: left;clear: both;}
#header_navi #page_navi{list-style-type:none;text-align: right;white-space: nowrap;float: right;width: 100%;background: #ccc none left top;padding: 0;}
#header_navi #page_navi li{padding: 0;margin: 0;float: left;}
#header_navi #page_navi li ul{float: left;padding: 0;margin: 0;list-style-type: none;}
#header_navi #page_navi li ul li{padding: 0;}
#header_navi #page_navi li a{color: #333;padding: 5px .7em;float: left;background-color: #eee;border-right: 1px solid #b6b6b6;border-left: 1px solid #f0f0f0;font-size: 90%;border-bottom: 1px solid #7e7e7e;}
#header_navi #page_navi li a:hover{text-decoration: none;background-color: #dedede;color: #900;}
#header_navi #page_navi li.current_page_item a{background-color: #e1d065;color: #875400;}
*/

/***** フッター Footer *****/
#footer .copyright {color: #fff;padding: 20px 2% 0px 2%;font: bold 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
#footer #wp_loginout {padding: 0;margin: 0;float: right;font-size: 80%;}
#footer #wp_loginout li{display: inline;padding: 0 1em 0 0;float: left;}
#footer #wp_loginout li a{float: left;background-color: #555;color: #ccc;padding: 3px 10px;font-weight: normal;white-space: nowrap;}
.produced{color:#666;text-align:right;float: right;padding: 10px 1%;font: 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}







/***** コンテンツ Content *****/
.pagename{font-weight: bold;clear: both;margin-top:5px;margin-bottom: 0;padding: 15px 2%;font-size: 110%;background: url("/images/contents_h2_background.png"); }
.content {clear: both;font-size: 90%;line-height: 180%; color: #444; }
/*
.content .title{margin: 0;padding: 0 0 10px;}
*/

.content .title a{color: #000000;text-decoration:none;display: block;}
.content .title a:hover{color:#ff0000;} 
.content p{padding: 5px 2%;text-align: justify;}
.content h1{font-size: 140%;line-height: 100%;}
.content h2{font-size: 120%;line-height: 100%;}
.content h3{font-size: 105%;line-height: 30px;color: #000000; background: url("/images/contents_h3_background.png") no-repeat;margin-top:2%;padding: 0px 3%;}
.content h4{font-size: 95%;line-height: 100%;margin-top:5%;border-bottom:double 3px #186acf;border-left: solid 15px #186acf;padding: 0px 5px;}
.content h5{font-size: 90%;line-height: 100%;}
.content h6{font-size: 75%;line-height: 100%;}
.content small{font-size: 80%;}
.content big{font-size: 130%;}
.content a{color: #226db9;} 
.content a:hover{color: #2783de;} 
.content a.more-link {display: block;margin: 10px 0 0;padding: 5px 7px;background-color: #f6f6f6;border-right: 5px solid #3774bb;text-align: right;font-size: 90%;line-height: 120%;} 
.content ul{list-style-position: outside;padding: 0 0 15px 25px;list-style-type: disc;line-height: 140%;}
.content ol{list-style-position: outside;margin: 0;padding: 0 0 15px 25px;list-style-type: decimal;line-height: 140%;}
.content ul ul,.content ol ol,.content ul ol,.content ol ul{padding-left: 3%;}
.content blockquote {margin: 0 0 15px;background-color: #e1f5f9;border: 1px solid #b2d3e0;clear: both;padding: 10px 2% 0;}
.content blockquote p{margin: 0;padding: 0px 0px .8em;}
.content blockquote ol,.content blockquote ul{margin: 0;padding: 0px 0px .8em 25px;}
.content .postmetadata {margin: 0;color: #555;clear: both;border-top: 1px solid #bbb;padding: 8px 0 0;font-size: 80%;line-height: 160%;}
.content img.alignleft{float:left;padding:0 10px 10px 0;}
.content img.alignright{float:right;padding:0 0 10px 10px;}
#pagewrap .relation ul {padding: 15px 0 15px 40px;}

/*コメント comments*/
#comments-area {padding: 15px;font-size: 90%;line-height: 170%;clear: both;}
#comments-area small{font-size: 85%;}
#comments-area ol.commentlist {list-style-type: none;padding-left: 5%;}
#comments-area input#author,
#comments-area input#email,
#comments-area input#url {border: 1px solid #666;padding: 3px;width: 50%;}
#comments-area textarea#comment {border: 1px solid #666;width: 92%;padding: 3px;}
#comments-area form#commentform {padding: 0 0 0 5%;}
#comments-area p.nocomments {display: none;}

/*ナビゲーション Navi*/
.navigation{clear: both;text-align: center;padding:10px 0;white-space: nowrap;float:left;width:100%;}
.navigation a{color: #fff;padding:2px 5px;background-color: #999;border: 2px solid #ccc;float: left;font-size:70%;line-height:100%;}
.navigation a:hover{color: #fff;}
.navigation div.alignleft {float: left;padding:0 0 0 10px;}
.navigation div.alignright {float: left;padding:0 0 0 10px;}





/***** サイドバー Sidebar *****/
.sidebar {font-size: 0.80em;line-height: 1.2em;}
.sidebar ul{list-style-type: none;margin: 0px;overflow: hidden;background-color: #fff;padding: 0px 3%;}
.sidebar ul li{background: #fff url(img/sidebar_li.gif) no-repeat 0 0.6em;padding: 0.2em 0 0.2em 10px;}
.sidebar p{line-height: 150%;padding: 7px 3%;}
.sidebar .widget{overflow: hidden;margin: 15px 5% 0;}
.sidebar .module_title {margin: 0 0 5px;clear: both;background-color: #ccc;font-size: 90%;line-height: 23px;font-weight: bold;padding: 2px 10px;background: url("/images/sidebar_title_background.png") no-repeat;}
.sidebar a {color: #05f;}
.sidebar a:hover {color: #08f;text-decoration: underline;}
.sidebar li.current_page_item a {
  color: #ff0000;
}
.sidebar li.current_page_item li a {color: #05f;}
.sidebar li.current_page_item li a:hover {color: #08f;text-decoration: underline;}

/*テキスト textwidget*/
.sidebar .textwidget p {background-color: #fff;}

/*検索 search*/
.sidebar #searchform input#s {width: 70%;border: 1px solid #999;padding: 4px;font-size: 100%;}
.sidebar #searchform label.hidden {font-weight: bold;}

/*カレンダー Calendar*/
.sidebar #wp-calendar {color: #666;background-color: #fff;line-height: 100%;font-size: 95%;width:100%;margin:0 auto;}
.sidebar #calendar p.module_title {display: none;}
.sidebar #wp-calendar thead {background-color: #eee;}
.sidebar #wp-calendar caption {color: #000;font-weight: bold;background-color: #ccc;padding: 5px 0;}
.sidebar #wp-calendar th{text-align: center;padding: 3px 0;}
.sidebar #wp-calendar td{text-align: center;padding: 3px 0;}

/*タグクラウド*/
.sidebar #tag_cloud {line-height: 1.2;}








/***** その他 Others *****/
#main .edit{text-align: center;font-style: italic;padding: 0;float: right;width: 49px;height: 15px;margin: -33px -11px 0 0;}
#main .edit a{position: absolute;top: 0;right: 0;background-color: #07f;color: #fff;padding: 2px 10px;}

/* Added */
/*.sidemenu{font-size:8pt;line-height:8pt}*/
.sidemenu_item{background-color:#AAF}

#maintop {clear:both;height:25px; background: url("/images/border_top.png") no-repeat; }
#wrap{clear:both;background-color: #FFF;float: left;width: 100%;overflow: hidden; background: url("/images/border_middle.png") repeat-y;}
#mainbottom {clear: both; height:25px; background: url("/images/border_bottom.png") no-repeat; }

#header {
position:relative;
}

#header #logo{
position: absolute;
top: 0px;
left: 630px;
}

#header_inquire{
position: absolute;
top: 205px;
left: 590px;
}

#header_navi ul#page_navi, #header_navi ul#page_navi li, #header_navi ul#page_navi li a {
 margin: 0;
 padding: 0;
 display: block;
 height: 54px;
}

#header_navi ul#page_navi {
 clear:both;
 padding: 0px 13px;
 background: url("/images/header_navi_background.png") no-repeat;
}

#header_navi ul#page_navi li {
 float: left;
 width: 147px;
}

#header_navi ul#page_navi li a {
 overflow: hidden;
}

#header_navi ul#page_navi li.page-item-245 a {
  background: url("/images/header_navi_link.png") no-repeat;
}
#header_navi ul#page_navi li.page-item-7 a {
  background: url("/images/header_navi_business.png") no-repeat;
}
#header_navi ul#page_navi li.page-item-3 a {
  background: url("/images/header_navi_office.png") no-repeat;
}
#header_navi ul#page_navi li.page-item-5 a {
  background: url("/images/header_navi_profile.png") no-repeat;
}
#header_navi ul#page_navi li.page-item-37 a {
  background: url("/images/header_navi_inquire.png") no-repeat;
}

#header_navi ul#page_navi li.page-item-245{
  background: url("/images/header_navi_link_over.png") no-repeat;
}
#header_navi ul#page_navi li.page-item-7{
  background: url("/images/header_navi_business_over.png") no-repeat;
}
#header_navi ul#page_navi li.page-item-3{
  background: url("/images/header_navi_office_over.png") no-repeat;
}
#header_navi ul#page_navi li.page-item-5{
  background: url("/images/header_navi_profile_over.png") no-repeat;
}
#header_navi ul#page_navi li.page-item-37{
  background: url("/images/header_navi_inquire_over.png") no-repeat;
}

#header_navi ul#page_navi li a:hover,
#header_navi ul#page_navi li.current_page_item a {
  background-image: none !important;
}

#breadcrumb {
  padding: 10px 2%;
  font-size: 80%;
}

table.info {
  background-color: #eeeeee;
  margin: 15px 2%;
}

table.info tr:hover{
 color:#000;
}

table.info th,table.info td {
  padding:5px;
  border:solid 1px #ffffff;
}

table.info th {
  background-color:#cccccc;
}

ul#rightbarlinks, ul#rightbarlinks li, ul#rightbarlinks li a {
 margin: 0;
 padding: 0;
 display: block;
}

ul#rightbarlinks li a {
 height: 60px;
}

ul#rightbarlinks li{
  height: 60px;
  width: 155px;
}

ul#infolist li {
  margin: 10px;
}

#sidebarlogo {
  text-align:center;
}

#news h3{font-size: 105%;line-height: 30px;color: #000000; background: url("/images/contents_h3_background.png") no-repeat;margin-top:2%;padding: 0px 3%;}

#news li{
margin: 0px 0px;
padding: 3px 25px 0px 25px;
height: 20px;
font-size: 10pt;
background: url("/images/news_background.png") no-repeat;
}

#footer address {color: #fff;padding: 0px 150px;font: 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

#inquire_panel {
margin: 30px 0px;
text-align:center;
}



#footer_navi{clear: both;padding: 0;width: 100%;float: left;}
#footer_navi #page_navi_footer{list-style-type:none;text-align: right;white-space: nowrap;float: right;width: 100%;padding: 0;}
#footer_navi #page_navi_footer li{padding: 0;margin: 0;float: left;}
#footer_navi #page_navi_footer li a{padding: 0px 5px; border-right: 1px solid #b6b6b6;border-left: 1px solid #b6b6b6;font-size: 70%;}
#footer_navi #page_navi_footer li a:hover{text-decoration: none;color: #f00;}

.content h3 a {
 color:#000;
}

.content #roumu{
width: 50%;
float: left;
}

.content #it {
width: 50%;
float: left;
}


.content #profilephoto{
margin:10px;
float:left;
}

.content #profilephoto img{
border:solid 4px #186acf;
}

.content #profilename {
float: left;
margin-top: 5em;
}

.content #profilename strong {
margin-left: 20px;
font-size: 1.5em;
}

.content #floatclear {
clear:both;
}
#bloglink{
}

.subpagelist h3{font-size: 105%;line-height: 30px;color: #000000; background: url("/images/contents_h3_background.png") no-repeat;margin-top:2%;padding: 0px 3%;}
.subpagelist h4{font-size: 100%;line-height: 30px;color: #000000; margin-top:2%;padding: 0px 0px;}


.subpagelist ul{
list-style-position: outside;
padding: 0 0 15px 30px;
list-style-type: disc;
list-style-image: url('/images/liststyle.png');
line-height: 140%;
}

#sidebar1 #sasshi {
    text-align: center;
}

#sidebar2 #challenge25 {
font-size: 0.8em;
}

#sidebar2 #srp {
font-size: 0.8em;
}

#sidebar2 #srp .logo{
text-align: center;
}
.clear {
clear: both;
}

#jibunishin img {
margin-bottom:10px;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
 
 
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
 
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
 
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
 
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
 
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
 
.alignright {
	float: right;
	}
 
.alignleft {
	float: left;
	}
/* End Images */