@charset "UTF-8";

/*
	Theme Name: Simple Simple
	Description: Easy and Simple theme by <a href="http://webdesignrecipes.com/">Web Design Recipes</a>. WordPress 学習用のシンプルなテーマです。
	Theme URI: http://webdesignrecipes.com/first-time-wordpress-origin-theme/
	Author: Nori Takahashi
	Author URI: http://webdesignrecipes.com/
	Version: 1.0.1
	License: GNU General Public License
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: white, right-sidebar, two-columns

*/


/****************************************

          header

*****************************************/

*:first-child+html #header > div{ /* IE7 */
	clear: both;
	zoom:1;
}

#logo{
	border-bottom: 1px dashed #fe56aa;
}

#logo a{
	border: none;
}

#description {
	margin-top: 0;
	color: #777;
}

/****************************************

          Form

*****************************************/

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
select,
textarea {
	margin: 0;
	margin-bottom: 20px;
	padding: 6px 4px;
	max-width: 100%;
	width: 290px;
	outline: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #eee;
	color: #777;
	vertical-align: bottom;
	font-size: 13px;
}

#comment-area input[type="text"],
#comment-area textarea{
	display: block;
}

textarea {
	overflow: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
	border: 1px solid #cfa34c;
	background: #fff;
 	color: #444;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	margin-bottom: 20px;
	padding: 4px 12px;
	padding: 8px 10px;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #eee;
	color: #333;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .75);
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	cursor: pointer;
	/* Old browsers */
}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
	  	border: 1px solid #333;
		background: #666;
		color: #fff;
	  	text-shadow: 0 -1px rgba(0, 0, 0, .4);

	}

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		position: relative;
		top:1px;
	}


/****************************************

          WordPress Misc

*****************************************/

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	margin: 10px;
	padding-top: 4px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f3f3f3;
	text-align: center;
}

.wp-caption-text,
.gallery-caption{
	font-size: 80%;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
	line-height: 17px;
}

img.alignright {
    display: inline-block;
    margin: 0 0 1em 1.5em;
}

img.alignleft {
    display: inline-block;
    margin: 0 1.5em 1em 0;
}


/****************************************

          Clearfix

*****************************************/

#container:after,
#header .menu > ul:after,
#header ul.menu:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

/* clearfix for ie7 */
#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: inline-block;
}

#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: block;
}




/****************************************
 元のCSS
*****************************************/
body{margin:0px; padding:0px; background:#FFFFFF; color:#333333; font-size:100%; line-height:100%; text-align:center; font-family:"ＭＳ ゴシック", "Osaka－等幅", "ヒラギノ角ゴ Pro W3";}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; line-height:100%; font-size:100%;}
div,p,dl,dt{margin:0px; padding:0px;}
ul,ul li{margin:0px; padding:0px; list-style:none;}
table,tr,th,td{margin:0px; padding:0px; border:0px; border-collapse:collapse; vertical-align:top; empty-cells:show;}
th{white-space:nowrap;}
form,input{margin:0px; padding:0px;}
div,p,dt,dd,li,th,td,input{font-size:12px; line-height:160%;}
img{border:0px;}
li img{vertical-align:bottom;}
.none{display:none;}
.clear{clear:both;}
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


.wrapper{width:760px; text-align:left; margin:0 auto;}
h1#logoArea{width:760px; height:120px; background:url(images/h1.jpg) no-repeat; vertical-align:bottom; /* 促*/overflow:hidden;/* */}
h1#logoArea a{display:block; padding-top:120px;}
#floatArea{width:760px; background:url(images/bg_body.gif) repeat-y;}
#contentsArea{width:564px; float:right; margin: 0 0 30px 0;}
#contentsWrapper{width:550px; margin-left:14px;}
#sideMenu{width:196px; float:left; background:url(images/bg_menu.jpg) no-repeat; height:805px;}
#breadcrumb {font-size:10px; color:#666666; height:27px !important; height:35px; padding-top:8px; text-align:right; background:url(images/bg_bread.jpg) no-repeat; padding-right:10px;}
#breadcrumb a{color:#666666; text-decoration:none;}
#breadcrumb a:hover{color:#333333; text-decoration:underline;}
#pagetop{background:url(images/arrow03.gif) no-repeat right top; text-align:right; clear:both; line-height:120%; padding-right:13px; font-size:10px; border-bottom:2px solid #001B64; padding-bottom:8px;}
#footerArea{clear:both; padding:10px 15px 15px 15px; background:url(images/bg_footer.gif) repeat-x #CFA34A; color:#FFFFFF;}
#footerArea p{font-size:10px;}
#footerAddress{width:510px; float:left;}
#footerAddress a,#footerAddress a:hover{color:#FFFFFF;}
#footerCopy{width:220px; float:right;}

#contentsWrapper h2{margin-bottom:10px;}
#entryArea{width:550px; float:left;}
.h3Area,.h4Area{background:url(images/bg_h3.jpg) no-repeat left bottom; padding-bottom:10px; padding-top:10px; margin-bottom:12px;}
.h3Area h3,.h4Area h4{background:url(images/bg_h3_story.gif) no-repeat left 2px; font-size:14px; padding-left:15px; line-height:120%;}
.entryStory{padding-bottom:10px; border-bottom:1px solid #cccccc; margin-bottom:20px;}
.entryStory p{margin-bottom:10px;}
#archiveArea{width:145px; float:right;}
.archiveStory{background:url(../dictionary/img/bg_archive.gif) no-repeat;}
.archiveStory h3{padding:5px 0px 8px 25px; background:url(images/bg_archiveline.gif) no-repeat left bottom; color:#001B63; margin-bottom:8px; letter-spacing:-1px;}
.archiveStory h3 a{text-decoration:none; color:#001B63;}
.archiveStory h3 a:hover{text-decoration:underline;}
.archiveStory ul{margin-bottom:15px;}
.archiveStory ul li{background:url(images/arrow02.gif) left 4px no-repeat; padding-left:10px; font-size:10px; line-height:130%; margin-bottom:3px;}
.archiveStory ul li a:hover{color:#001B63;}
.archiveStory ul li a.on{color:#001B63; font-weight:bold; text-decoration:none;}
.commonStory{margin-bottom:15px; clear:both;}
.commonStory h3,.aboutStory h3{margin-bottom:10px;}
.commonStory p{margin-bottom:10px;}
.aboutStory{background:url(images/about/img/bg_line.gif) repeat-x left bottom; padding-bottom:5px; margin-bottom:15px;}
.aboutStory p{margin-bottom:10px; margin-left:20px;}

.aboutimg240R{width:240px; float:right; text-align:center;}
.aboutimgBox{width:200px; float:left; padding-bottom:10px;}
.aboutimgBox p{border:1px solid #9C814C; margin-right:10px; text-align:center;}
.aboutimgBox p img{margin-top:13px; margin-bottom:13px;}
.mentFrame1{background:url(images/bg_frame_bottom.gif) center bottom no-repeat #F1ECD8;}
.mentFrame2{background:url(images/bg_frame_top.gif) no-repeat; padding:10px 10px 5px 10px;}
.qadl{background:url(images/about/img/bg_line.gif) repeat-x left bottom; margin-bottom:10px; padding-bottom:5px;}
.qadl dt{background:url(images/qa/img/q.gif) no-repeat; padding:5px 0px 5px 35px;}
.qadl dd{background:url(images/qa/img/a.gif) no-repeat; padding:5px 0px 5px 35px; margin-left:0px;}
#companyTable{width:550px;}
#companyTable th{padding:5px 5px 5px 23px; border:1px solid #CCCCCC; text-align:left; background:url(images/arrow04.gif) no-repeat #F1ECD8 5px 8px;}
#companyTable td{padding:5px; border:1px solid #CCCCCC;}
#fairImg{margin-bottom:15px;}
#fairArea{width:425px; float:left;}
#archiveFair{width:110px; float:right;}
#archiveFair ul{margin-top:10px;}
#archiveFair ul li{background:url(images/arrow02.gif) left 4px no-repeat; padding-left:10px; font-size:10px; line-height:130%; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #cccccc;}
#archiveFair ul li a:hover{color:#001B63;}
.lifeimgL{width:240px; float:left; padding-bottom:10px;}
.lifeimgL p{border:1px solid #9C814C; margin-right:10px; text-align:center;}
.lifeimgL p img{margin-top:13px; margin-bottom:13px;}
.lifeimgR{width:240px; float:right; padding-bottom:10px;}
.lifeimgR p{border:1px solid #9C814C; margin-left:10px; text-align:center;}
.lifeimgR p img{margin-top:13px; margin-bottom:13px;}

.lifeimgL2{width:275px; float:left; padding-bottom:10px;}
.lifeimgL2 p{border:1px solid #9C814C; margin-right:5px; text-align:center; background:#F1ECD8;}
.lifeimgR2{width:275px; float:right; padding-bottom:10px;}
.lifeimgR2 p{border:1px solid #9C814C; margin-left:5px; text-align:center; background:#F1ECD8;}


.lifeimgL2 p img,.lifeimgR2 p img,.lifeimgFull p img{margin-top:13px; margin-bottom:13px; border:1px solid #9C814C;}
.lifeimgL2 p span,.lifeimgR2 p span,.lifeimgFull p span{display:block; margin-top:-10px; padding-bottom:5px; font-weight:bold;}
.lifeimgFull p{border:1px solid #9C814C; text-align:center; background:#F1ECD8;}


.mapimg{width:320px; float:left;}
.logoh3{background:url(images/bg_line.gif) left bottom repeat-x; padding-bottom:10px;}
.addressBox{background:#eeeeee; width:230px; min-height:225px; height:auto !important; height:225px; float:right;}
.addressBox p{padding:0px 5px 0px 5px; margin-bottom:5px; margin-top:5px; line-height:140%; font-size:10px;}
.addressBox p strong{font-size:12px; color:#083683;}
.dich3{background:url(images/dictionary/img/bg_h3.gif) no-repeat; height:29px; line-height:29px; padding-left:30px; color:#ffffff; font-size:14px; margin-bottom:10px;}

#catalogWrapper{background:#000000;}
#catalogWrapper #archiveArea{background:#222222; width:150px; height:520px;}
#catalogWrapper .archiveStory{background:none;}
#catalogWrapper .archiveStory h3{padding:10px 0px 0px 5px; background:none;}
#catalogWrapper .archiveStory ul{margin-bottom:15px;}
#catalogWrapper .archiveStory ul li{font-size:10px; line-height:20px; margin-bottom:1px; height:25px; overflow:hidden; padding-left:0px; border-top:1px solid #666666; background:none;}
#catalogWrapper .archiveStory ul li a{display:block; width:100%; height:100%; text-decoration:none; padding-left:18px;}
#catalogWrapper .archiveStory ul li a:hover{text-decoration:none; background:#444444; color:#FFFFFF;}
#catalogWrapper .archiveStory ul li a.on{text-decoration:none; background:url(images/arrow02.gif) 5px 8px no-repeat #444444; color:#FFFFFF;}

/* top */
#topcontentsArea{width:550px; float:right; padding-top:14px;margin: 0 0 30px 0;}
h1#topFlash{
	margin: 0;
	padding: 0;
	height: 300px;
}
.topstory{margin-bottom:10px; clear:both;}
#topCamBanner{width:550px; background:url(images/bg_link.jpg) left bottom repeat-x; text-align:right;}
.topNews{
	margin: 5px 0 0 0;
	padding: 5px 10px;
	border: 1px solid #cfa34c;
}
.topBannerL{width:270px; float:left; background:url(images/bg_link.jpg) left bottom repeat-x; text-align:right; font-size:10px;}
.topBannerR{width:270px; float:right; background:url(images/bg_link.jpg) left bottom repeat-x; text-align:right; font-size:10px;}
.topBannerL a,.topBannerR a,#topCamBanner a{text-decoration:none;}
span.arrow01{background:url(images/arrow01.gif) top right no-repeat; padding:0px 15px 0px 0px; text-decoration:none; line-height:200%; font-size:10px;}
.topBannerW{width:270px; min-height:105px; height:auto !important; height:105px; float:right; background:url(images/bg_whatsnew.gif) left bottom repeat-x;}
.topBannerW h2{margin:6px 0px 6px 6px;}
.topBannerW ul{margin-left:8px; margin-right:5px;}
.topBannerW ul li a{text-decoration:none; color:#333333;}
.topBannerW ul li a:hover{text-decoration:underline;}

/* menu */
#upperMenu{height:30px; background:url(images/bg_upper.jpg) no-repeat;}
#upperMenu ul{margin-left:14px;}
#upperMenu ul li{float:left; height:30px; /* 促*/overflow:hidden;/* */}
#upperMenu ul li a{display:block; padding-top:30px;}
#upperMenu01{width:71px; background:url(images/menu_upper01.gif) no-repeat;}
#upperMenu02{width:83px; background:url(images/menu_upper02.gif) no-repeat;}
#upperMenu03{width:109px; background:url(images/menu_upper03.gif) no-repeat;}
#upperMenu01 a:hover,#upperMenu01on{width:71px; background:url(images/menu_upper01.gif) 0px -30px no-repeat;}
#upperMenu02 a:hover,#upperMenu02on{width:83px; background:url(images/menu_upper02.gif) 0px -30px no-repeat;}
#upperMenu03 a:hover,#upperMenu03on{width:109px; background:url(images/menu_upper03.gif) 0px -30px no-repeat;}
#sideMenu ul{width:176px; margin-top:13px; margin-left:10px;}
#sideMenu ul li{width:176px; height:47px; margin-bottom:7px; /* 促*/overflow:hidden;/* */}
#sideMenu ul li a{display:block; padding-top:47px;}
#sideMenu01{background:url(images/menu01.gif) no-repeat;}
#sideMenu02{background:url(images/menu02.gif) no-repeat;}
#sideMenu03{background:url(images/menu03.gif) no-repeat;}
#sideMenu04{background:url(images/menu04.gif) no-repeat;}
#sideMenu05{background:url(images/menu05.gif) no-repeat;}
#sideMenu06{background:url(images/menu06.gif) no-repeat;}
#sideMenu07{background:url(images/menu07.gif) no-repeat;}
#sideMenu08{background:url(images/menu08.gif) no-repeat;}
#sideMenu09{background:url(images/menu09.gif) no-repeat;}
#sideMenu10{background:url(images/menu10.gif) no-repeat;}
#sideMenu01 a:hover,#sideMenu01on{background:url(images/menu01.gif) 0px -47px no-repeat;}
#sideMenu02 a:hover,#sideMenu02on{background:url(images/menu02.gif) 0px -47px no-repeat;}
#sideMenu03 a:hover,#sideMenu03on{background:url(images/menu03.gif) 0px -47px no-repeat;}
#sideMenu04 a:hover,#sideMenu04on{background:url(images/menu04.gif) 0px -47px no-repeat;}
#sideMenu05 a:hover,#sideMenu05on{background:url(images/menu05.gif) 0px -47px no-repeat;}
#sideMenu06 a:hover,#sideMenu06on{background:url(images/menu06.gif) 0px -47px no-repeat;}
#sideMenu07 a:hover,#sideMenu07on{background:url(images/menu07.gif) 0px -47px no-repeat;}
#sideMenu08 a:hover,#sideMenu08on{background:url(images/menu08.gif) 0px -47px no-repeat;}
#sideMenu09 a:hover,#sideMenu09on{background:url(images/menu09.gif) 0px -47px no-repeat;}
#sideMenu10 a:hover,#sideMenu10on{background:url(images/menu10.gif) 0px -47px no-repeat;}
#footerMenu{padding:10px 20px 20px 20px; clear:both; text-align:center; line-height:120%;}
#footerMenu li{display:inline; line-height:120%;}
#footerMenu li a{padding-left:6px; padding-right:7px; font-size:10px; line-height:120%; border-right:1px solid #666666; white-space:nowrap;}
#footerMenu li a.noline{border:none;}

/* common */
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}
.lightgray{color:#999999; padding-right:2px;}
.red{color:#FF0000;}
.orange{color:#FF6600;}
.fontS{font-size:10px;}
.fontM{font-size:12px;}
.fontL{font-size:14px;}
.tcenter{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}
.mgb5{margin-bottom:5px;}
.mgb10{margin-bottom:10px;}
.none{display:none;}

a{color:#020e4a; text-decoration:none;}
a:hover{color:#00072a; text-decoration:underline;}
a.arrow01{background:url(images/arrow01.gif) top right no-repeat; padding:0px 20px 0px 0px;}


.dsfaq_tools, a.dsfaq_copyright, .dsfaq_quest_title, .dsfaq_answer_title {
	display: none;
}
div.dsfaq_qa_block p {
	font-size: 14px !important;
	line-height: 34px !important;
}
div.dsfaq_qa_block p span.dsfaq_quest {
	font-weight: bold !important;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
}
h2.title {
	color: #020e4a;
	font-size: 24px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝B", "ＭＳ Ｐ明朝", serif;
	text-shadow: 0 1px 0 #fff;
	line-height: 44px;
	padding: 0 0 0 10px;

	border-top-left-radius: 4px; /* CSS3草案 */
	border-top-right-radius: 4px; /* CSS3草案 */
	-webkit-border-top-right-radius: 4px; /* for Safari, Chrome */
	-webkit-border-top-left-radius: 4px; /* for Safari, Chrome */
	-moz-border-radius-topright: 4px; /* for Firefox, Mozilla */
	-moz-border-radius-topleft: 4px; /* for Firefox, Mozilla */
	
	border: 1px solid #ddd;
	border-bottom: 4px solid #020e4a;
	background: -moz-linear-gradient(top, #fff, #eee); /* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); /* Safari,Google Chrome用 */
}
.post {
	margin: 0 0 30px 0;
}
.post-meta {
	text-align: right;
	margin: 0 0 10px 0;
}

.wp-pagenavi {
	margin: 10px 0 0 0;
}
.wp-pagenavi span.pages {
	border: none !important;
}


/* =========================================================
 * テキスト装飾
========================================================= */
.txtcenter {
	text-align: center;
}
.txtright {
	text-align: right;
}
.txtleft {
	text-align: left;
}
.txtbig {
	font-size: 24px;
	line-height: 30px;
}
.txtmiddle {
	font-size: 18px;
	line-height: 26px;
}
.txtnormal {
	font-size: 14px;
	line-height: 22px;
}
.txtsmall {
	font-size: 12px;
	line-height: 18px;
}
.txtbold {
	font-weight: bold;
}
.txtGothic {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.txtMincho {
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝B", "ＭＳ Ｐ明朝", serif;
}

/* =========================================================
 * 余白
========================================================= */
.mt0 {
	margin-top: 0px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mt60 {
	margin-top: 60px;
}
.mt70 {
	margin-top: 70px;
}
.mt80 {
	margin-top: 80px;
}
.mt90 {
	margin-top: 90px;
}
.mt100 {
	margin-top: 100px;
}
.mb0 {
	margin-bottom: 0px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb70 {
	margin-bottom: 70px;
}
.mb80 {
	margin-bottom: 80px;
}
.mb90 {
	margin-bottom: 90px;
}
.mb100 {
	margin-bottom: 100px;
}

/* =========================================================
 * 2013.6.26
========================================================= */

.sidebanner {
	padding-left: 13px;
}