@charset "shift_jis";
/* CSS Document */


* {
	margin: 0px;
	padding: 0px;
}


body {

font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	font-size:100%;
	line-height:1.5;
	color: #444444;
	background: url(../img/topnavi_back.jpg) repeat-x 0px 90px;
	border-top: solid 5px #003DA6;

}

table,td,th {
	margin: 0px;
	padding: 0px;
	border: none;
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
	empty-cells: show;
	font-size: 100%;
	font-weight: normal;
}

.waku {
	margin: 0 0 0 0px;
	padding: 10 10 10 10px;
	border: dotted #ffa07a 2px;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
}



a {
	color: #6871a8;
}
a:hover {
	color: #FF6600;
}

img {
	display: block;
	border-style: none;
	border-width: 0px;
	border: none;

}

a img {
	display: inline;
	vertical-align: top;
}

ul,li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}



h1 {
	font-size: 86%;
	font-weight: normal;
}

h2 {
	font-size: 93%;
	font-weight: normal;
}
h3 {
	font-size: 108%;
	font-weight: normal;
}



option {
	padding-right: 10px;
}

img.clear {
	display: block;
	width: 10px;
	height: 1px;
	clear: both;
}

div#root {
	margin: 0px auto;
	padding: 0px 10px;
	width: 885px;
	text-align: left;
}
div#back {
	background: url(../img/footer_back.jpg) repeat-x bottom;
}


div#header div.upper {
	height: 85px;
}
div#header div.upper h1.logo {
	float: left;
	margin-top: 25px;
	width: 156px;
	height: 39px;
}

div#header div.upper h1.logo a {
	display:block;
	width:450px;
	height:39px;
	text-indent:-9999px;
	background: url(../img/header_logo.gif) no-repeat;
	}

div#header div.upper div.btn {
	float: right;
	padding-top: 25px;
	padding-right: 5px;
}
div#header div.upper div.link {
	float: right;
	padding: 45px 30px 0px 0px;
}
div#header div.upper div.link img {
	margin-right: 20px;
	vertical-align: text-bottom;
}
div#header div.rdata {
	float: right;
	padding-top: 15px;
}
div#header div.rdata img {
	display: inline;
	vertical-align: middle;
}
div#header div.rdata input {
	padding: 1px;
	vertical-align: middle;
}
div#header div.rdata td {
	padding-left: 20px;
	padding-top: 5px;
}
div#header div.rdata td.link img {
	margin-right: 10px;
}




div#header div.topnavi {
	margin-left: 2px;
	padding-left: 2px;
	height: 35px;
	background: url(../img/topnavi_spacer.jpg) no-repeat;
}
div#header div.topnavi li {
	float: left;
	padding-right: 2px;
	background: url(../img/topnavi_spacer.jpg) no-repeat right;
}

div#middle {
	margin-top: 30px;
	min-height: 400px;
}
* html div#middle {
	height: 400px;
}

div#sidebar {
	float: left;
	width: 165px;
	color: #666666;

}
div#sidebar div.solution {
	margin-top: 30px;
}
div#sidebar div.solution div.item {
	margin-top: 10px;
	padding-bottom:10px;
	line-height: 130%;
	background: url(../img/line01.gif) repeat-x bottom;
}
div#sidebar div.solution div.item img.img {
	float: left;
	margin-right: 5px;
}
div#sidebar div.solution div.item p img {
	display: inline;
	vertical-align: middle;
}
div#sidebar div.solution div.item p.g {
	color: #3C893C;
text-decoration: none;
}
div#sidebar div.solution div.item p.g a {
	color: #3C893C;
text-decoration: none;

}
div#sidebar div.solution div.item p.g a:hover {
	color: #FF6600;
}
div#sidebar div.solution div.item p.y {
	color: #855723;
}
div#sidebar div.solution div.item p.y a {
	color: #855723;
}
div#sidebar div.solution div.item p.y a:hover {
	color: #FF6600;
}
div#sidebar div.solution div.item p.s {
	font-size: 71%;
	line-height: 130%;
}
div#sidebar div.enter {
	margin-top: 20px;
}
div#sidebar div.question {
	margin-top: 30px;
}
div#sidebar div.question2 {
	margin-top:0px;
}
div#sidebar div.question li, div#sidebar div.question2 li {
	margin-top:5px;
	padding-bottom:5px;
	background: url(../img/line01.gif) repeat-x bottom;
}
div#sidebar div.question a, div#sidebar div.question2 a {
	text-decoration: none;
}
div#sidebar div.research {
	margin-top: 30px;
}
div#sidebar div.research li {
	margin-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	background: url(../img/line01.gif) repeat-x bottom;
}
div#sidebar div.research a {
	padding-left: 10px;
	color: #CC0000;
	text-decoration: none;
	background: url(../img/icon03.gif) no-repeat left center;
}
div#sidebar div.research a:hover {
	text-decoration: underline;
}
div#sidebar div.purchase {
	margin-top: 0px;
}
div#sidebar div.purchase2 {
	margin-top: 30px;
}
div#sidebar div.purchase form, div#sidebar div.purchase2 form{
	margin-top: 5px;
}
div#sidebar div.purchase input, div#sidebar div.purchase2 input {
	padding: 1px;
	vertical-align: middle;
}
div#sidebar div.bigcomp {
	margin-top: 20px;
}
div#sidebar div.bigcomp div {
	margin-top: 5px;
}
div#sidebar div.book {
	margin-top: 20px;
}
div#sidebar div.book div {
	font-size: 80%;
	line-height: 150%;
	color: #003CA3;
}
div#sidebar div.book div img {
	margin: 10px 0px 5px 35px;
}
div#sidebar .book div.title05{
	background: url(../img/sidebar_title05.jpg) left top no-repeat;
	height:24px;
	width: 149px;
	padding:10px 0 0 16px;
	font-size:12px;
	color:#000000;
}



div#content {
	float: right;
	width: 690px;
}



div#footer {
	margin-top: 30px;
	height: 65px;
}
div#footer div.link {
	padding-top: 5px;
	font-size: 10px;
	height: 35px;
	line-height: 20px;
}
div#footer div.link a {
	color: #666666;
	text-decoration: none;
}
div#footer div.link a:hover {
	color: #FF6600;
}
div#footer div.bot {
	padding-right: 20px;
}
div#footer div.bot a {
	float: right;
	margin-top: -3px;
}

h2 {
	background: url(../img/back01.jpg) repeat-x;
	border-right: solid 1px #CCCCCC;
}
h2 a {
	float: right;
}

h2.txt {
	font-size: 14px;
	font-weight: bold;
	height: 34px;
}
h2.txt img {
	float: left;
}
h2.txt span {
	float: left;
	padding-left: 10px;
	padding-top: 7px;
}

div#fpath {
	font-size: 66%;
	color: #666666;
	text-decoration: none;
}

div#fpath a {
	font-size: 66%;
	color: #666666;
	text-decoration: none;
}
div#fpath a:hover {
	color: #FF6600;
}



div#content div.contact {
	margin-top: 50px;
}
div#content div.contact table {
	height: 68px;
	background: url(../../img/index_back02.jpg) repeat-x;
	border: solid 1px #CCCCCC;
}
div#content div.contact td {
	padding: 0px 15px;
	vertical-align: middle;
}
div#content div.contact td.col01 {
	color: #003399;
}
div#content div.contact td.col03 {
	font-size: 70%;
}

/* index.html */
body.index div#content div.welcome {
	margin-top: 10px;
}
body.index div#content div.welcome div.up {
	height: 70px;
	background: url(../../img/index_back01.jpg) repeat-x;
}
body.index div#content div.welcome div.up img {
float: left;
	padding: 6px 12px 0px 0px;
}
body.index div#content div.welcome div.dn {
	margin-top: 10px;
	padding: 5px 10px;
	font-size: 80%;
	background: #F6F6F6;
	border: solid 1px #CCCCCC;
}
body.index div#content div.welcome div.dn span {
	color: #003CA3;
	font-weight: bold;
}
body.index div#content div.welcome div.dn img {
	display: inline;
}
body.index div#content div.solution {
	margin-top: 30px;
}
body.index div#content div.solution td {
	padding-top: 15px;
}
body.index div#content div.solution h3 {
	font-size: 110%;
	color: #003CA3;
}
body.index div#content div.solution div.media {
	margin-top: 20px;
	padding: 15px;
	border: solid 1px #CCCCCC;
}
body.index div#content div.solution div.media h3 {
	margin-bottom: 15px;
}
body.index div#content div.solution div.media td {
	padding-top: 0px;
}
body.index div#content div.news {
	padding-top: 30px;
}
body.index div#content div.news table {
	margin-top: 5px;
}
body.index div#content div.news td {
	padding: 10px 10px 10px 0px;
	background: url(../img/line01.gif) repeat-x bottom;
}

table.news {
	}
	
table.news td {
padding:10px 10px 10px 0;
background: url(../img/line01.gif) repeat-x bottom;
}



/* solution/index.html */

body.solution-index div#content div.solution {
	margin-top: 40px;
}
body.solution-index div#content div.solution td {
	padding-top: 30px;
}

.study_table {
	margin:30px 0 0 0;
}
.study_table td {
	padding-bottom:30px;
	}

body.solution-index div#content div.solution h3,.study_table td h3  {
	font-size: 110%;
	color: #003CA3;
}
body.solution-index div#content div.solution td div,.study_table td div {
	padding-right: 10px;
}
body.solution-index div#content div.solution td span,.study_table td span {
	display: block;
	margin-top: 5px;
	padding-right: 40px;
}
body.solution-index div#content div.research {
	margin-top: 40px;
}
body.solution-index div#content div.research table {
	margin-top: 30px;
}
body.solution-index div#content div.research th {
	padding: 10px;
	text-align: center;
	background: #EFEFEF;
	border: solid 1px #CCCCCC;
}
body.solution-index div#content div.research td {
	padding: 10px;
	color: #003CA3;
	border: solid 1px #CCCCCC;
}


body.solution-index div#content div.success {
	margin-top: 40px;
}
body.solution-index div#content div.success div.charger {
	margin-top: 20px;
	height: 128px;
	background: url(../../solution/img/index_back01.jpg) repeat-x;
	border: solid 1px #CCCCCC;
}
body.solution-index div#content div.success div.charger table {
	margin-top: 20px;
}
body.solution-index div#content div.success div.charger td.img {
	text-align: center;
}
body.solution-index div#content div.success div.charger td.img img {
	display: inline;
}
body.solution-index div#content div.success div.charger td.line {
	padding-top: 5px;
	background: url(../../solution/img/line01.gif) repeat-x;
}
body.solution-index div#content div.success div.link {
	margin-top: 10px;
}
body.solution-index div#content div.success div.link li {
	float: right;
	padding: 5px 10px 5px 20px;
	background-position: left center;
	background-repeat: no-repeat;
}
body.solution-index div#content div.success div.link li a {
	color: #333333;
}
body.solution-index div#content div.success div.link li a:hover {
	text-decoration: none;
}
body.solution-index div#content div.success div.ibm {
	margin-top: 20px;
}
body.solution-index div#content div.success div.ibm h3 {
	margin-bottom: 10px;
	padding: 8px 15px;
	font-size: 130%;
	font-weight: bold;
	background: #003A9E;
	border: solid 1px #CCCCCC;
}
body.solution-index div#content div.success div.ibm p.pre {
	margin-top: 20px;
	text-align: right;
}
body.solution-index div#content div.success div.ibm p.pre a {
	padding-right: 15px;
	color: #333333;
	background: url(../../solution/img/index_ico04.gif) no-repeat right center;
}
body.solution-index div#content div.success div.ibm p.pre a:hover {
	text-decoration: none;
}

table.gen_table {
	margin:30px 0;
}

table.gen_table th {
	padding: 10px;
	text-align: center;
	background: #EFEFEF;
	border: solid 1px #CCCCCC;
}
table.gen_table td {
	padding: 10px;
	border: solid 1px #CCCCCC;
}

table.gen_table td p {
	margin:0;
	}
	
table.gen_table td p img {
	margin:0;
	}

.thumb_left {
width:85px;
float:left;
}

.txt_right {
width:365px;
float:right;
}

.q_box {
background:#F2F2F2 url(../../faq/img/q_mark.gif) no-repeat 15px 0.8em;
padding: 8px 15px 8px 40px;
border: solid 1px #CCCCCC;
}

.a_box {
background:url(../../faq/img/a_mark.gif) no-repeat 15px 0.8em;
border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
padding: 8px 15px 8px 40px;
}

.center {
	text-align:center;
	}

.page_top {
	text-align:right;
	margin:5px 0 40px 0;
	}

.date {
	text-align:center;
	}
	
.aCenter {
	text-align:center;
	}
	
.aRight {
	text-align:right;
	}
	
.page_ti {
	font-size: 180%;
	color: #6871a8;
}

body .sub_ti_area, body .sub_ti_area2 {
	margin-top: 20px;
}
body .sub_ti_area h3 {
	margin-bottom: 10px;
	padding: 8px 15px;
	font-size: 130%;
	font-weight: bold;
	background: #6871a8;
	border: solid 1px #CCCCCC;
}

body .sub_ti_area2 h3 {
	margin-bottom: 10px;
	padding: 8px 15px;
	font-size: 130%;
	font-weight: bold;
	background: #ffed87;
	border: solid 1px #CCCCCC;
}

.seminar_l_pic {
	padding:20px 0 0 0;
	width:250px;
	height:200px;
	float:right;
	}
	
.seminar_desc {
	width:400px;
	float:left;
	font-size:140%;
        color:#bb2d00;
         font-weight:bold;
	}


.seminar_l_pic_studying {
	padding:20px 0 0 0;
	width:180px;
	height:180px;
	float:right;
	}
	

.seminar_desc_studying
{
	width:430px;
	float:left;
	font-size:140%;
        color:#bb2d00;
         font-weight:bold;
	}


	
.clear {
	clear:both;
	}

.marginB05 {
	margin:0 0 5px 0;
	}

.marginB10 {
	margin:0 0 10px 0;
	}

.marginB30 {
	margin:0 0 30px 0;
	}
	
.marginT30 {
	margin-top:30px;
	}
	
.red {
	color:#b80000;
	}
	
.font_s {
	font-size:86%;
	}
	
.font_16 {
	font-size:110%;
	}
.font_18 {
	font-size:129%;
	}
	
	
.faq_list {
	margin:30px 0;
	list-style:none;
	}
	
.faq_list li {
	margin:0;
	padding:0 0 10px 25px;
	background:url(../../faq/img/q_mark.gif) no-repeat left 0.2em;
	}
	
.marginB40 {
	margin:0 0 40px 0;
	}
	
.contact_table {
	border-collapse:collapse;
	margin:0 0 10px 0;
	}
	
.contact_table th {
border: solid 1px #CCCCCC;
background:#f2f2f2;
padding: 8px 15px;
}

.contact_table td {
border: solid 1px #CCCCCC;
background:#ffffff;
padding: 8px 15px;
}

.contact_btn {
	width:360px;
	margin:30px auto 40px auto;
	}
	
.top_study {
	float:left;
	width:345px;
	height:110px;
	margin:0;
	}
	
td.ts_txt {
	padding:0 10px 0 0;
}

.result_body {
	margin:40px 0 0 0;
	}
	
.result_body ol li {
	margin:0 0 20px;
	}
	
div#special_box {
	height: 128px;
	background: url(../img/index_back01.jpg) repeat-x;
	border: solid 1px #CCCCCC;
}
div#special_box table {
	margin-top: 20px;
}
div#special_box td.img {
	text-align: center;
}
div#special_box td.img img {
	display: inline;
}

div#special_box td.line {
	padding-top: 5px;
	background: url(../img/line01.gif) repeat-x;
}

div.special_link {
	margin-top: 10px;
}
div.special_link li {
	float: right;
	padding: 5px 10px 5px 20px;
	background-position: left center;
	background-repeat: no-repeat;
}
div.special_link li a {
	color: #333333;
}
div.special_link li a:hover {
	text-decoration: none;
}

.mm_box {
margin:30px 0 0 0;
}