/* CSS Document */

/* Global white space reset */
* {
	padding:0;
	margin:0
}
/* Undo default HTML styling of common browsers */
a:link, a:visited {
	text-decoration:none;
	color:#aaa;
	font-weight:bold
}
img { border:none }
/* General */
html, body { height:100% }
body {
	background:#282627 url('../parts/images/bg_general.gif') no-repeat top center;
	color:#3C3D3C;
	margin:0;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', sans-serif;
	font-size: 12px;
	line-height: 1.6em;
}
/* General links */
a:hover { text-decoration:underline }
a:active { text-decoration:none }
a:focus, input:focus { outline:none }
/* Paragraph and headings */
p { margin:0 10px 10px }
h3 {
	font-size:13px;
	color:#3C3C27;
	margin:10px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	clear: both;
}
h5 { font-size:11px }
h6 { font-size:10px }
.font80 {
	font-size:80%;
	font-weight: normal;
}
.font80_o {
	font-size:80%;
	color: #FF6600;
}
.font_red { color: #990000; }
/* Forms */

.search {
	width:150px;
	height:18px;
	font:normal 12px verdana;
	color:#333;
	border:1px solid #999;
	padding:5px 6px 1px 6px;
	vertical-align:middle
}
.box_search {
	width:92%;
	margin:10px auto;
}
.box_search a:link, .box_search a:visited {
	text-decoration:none;
	color:#284964;
	font-weight:bold;
	font-size: 14px;
}
.box_search a:hover {
	text-decoration:underline;
	color: #336699;
}
/* ---------------------- Table -------------------*/
table.table-01 {
	width: 95%;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 10px auto;
}
table.table-01 th {
	padding: 5px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	white-space: nowrap;
}
table.table-01 td {
	padding: 5px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align: center;
	background: #FFFFFF;
}
table.table-01 .title {
	background: #E4E4E4;
	font-size: 11px;
	text-align: left;
	color: #5C5743;
	padding: 2px 2px 2px 15px;
}
table.table-01 .back_gr { background: #FCFCFC; }
table.table-01 .comment {
	background: #FFFFFF;
	font-size: 12px;
	text-align: left;
	color: #666;
	padding: 10px 0px 0px;
	font-weight: normal;
	white-space: normal;
}
table.table-01 .comme {
	background: #FFFFFF;
	text-align: left;
	padding-left: 5px;
	font-weight: normal;
}
table.table-02 {
	width: 95%;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 20px auto;
}
table.table-02 th {
	padding: 5px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}
table.table-02 td {
	padding: 5px 5px 5px 10px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align: left;
	background: #FFFFFF;
}
/* Who's your daddy */
#daddy {
	width:998px;
	min-height:100%;
	height: auto !important;
	height: 100%;
	margin:0 auto -95px auto;
	text-align:left
}
* html #daddy { margin:0 auto -125px auto; }
/* Header */
#header { width: 100%; }
#logo {
	width:366px;
	height:100px;
	padding:14px 0 0 0;
	float:left;
	display:inline;
	position:relative
}
#logo h1 {
	padding:0;
	margin:0;
}
#logo h1 span { display:none; }
/* Menu */
#menu {
	width:630px;
	height:100px;
	display:inline;
	list-style-type: none;
	margin: 0px;
	float: right;
}
.menuTOP .current {
	border-bottom: 4px solid #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
#menu .menuTOP {
	position: relative;
	width:610px;
	padding: 10px 0px 0px 20px;
	margin: 0px;
	overflow: hidden;
}
#menu .menuTOP li {
	float: left;
	list-style-type: none;
	margin-left: 10px;
	width: auto;
}
#menu .menuTOP li.backLava {
	background-color:#ccc;
	width: 9px;
	position: absolute;
	padding: 0px;
	margin: 0px;
}
#menu .menuTOP li a, #menu a:visited {
	text-decoration: none;
	color: #333;
	text-align: center;
	padding: 5px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	position: relative;
	margin: auto 0;
	width: auto;
}
#menu .menuTOP li a:hover {
	text-decoration:none;
	color: #000;
}
#header1 { width:998px; }
#header1 ul#fade, #header1 il {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#header1 .bg {
	width:998px;
	height: 250px;
}
#header1 .bg .hp {
	background: url(../parts/images/bg_heade_hp.jpg) no-repeat left top;
	width:998px;
	height: 250px;
}
#header1 .bg .rs {
	background: url(../parts/images/bg_heade_rs.jpg) no-repeat left top;
	width:998px;
	height: 250px;
}
#header1 .bg .vps {
	background: url(../parts/images/bg_heade_vps.jpg) no-repeat left top;
	width:998px;
	height: 250px;
}
#header1 .bg .shared {
	background: url(../parts/images/bg_heade_shared.jpg) no-repeat left top;
	width:998px;
	height: 250px;
}
#header1 .bg .sharedlight {
	background: url(../parts/images/bg_heade_sharelight.jpg) no-repeat left top;
	width:998px;
	height: 250px;
}
#header1 .box_rs {
	width:898px;
	margin-right: 34px;
	margin-left: 75px;
	padding-top: 96px;
}
#header1 .box_hp {
	width:898px;
	margin-right: 34px;
	margin-left: 75px;
	padding-top: 16px;
}
#header1 .slide {
	width:406px;
	height: 200px;
	position: relative;
	left: 45px;
	top: 37px;
	text-align: center;
}
#root {
	width:100%;
	height:25px;
	margin: 0px;
	padding: 0px;
}
/* CONTENT AND COLUMNS */
#content {
	background-image: url(../parts/images/bg_page.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #f3f2f0;
	margin: 0px;
}
#content .menu_c {
	padding:5px;
	width: auto;
	margin: 20px auto 20px;
}
#content .menu_l {
	display:block;
	padding:5px;
	width: auto;
	float:left;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 5px;
	text-align: center;
}
#content .menu_l img {
	margin:0;
	padding: 0 0 5px 0;
}
#content .menu_r {
	display:block;
	padding:5px;
	width: auto;
	float:right;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 25px;
	margin-left: 25px;
	text-align: center;
}
#content .menu_r img {
	margin:5px 0 0 0;
	padding: 0 0 5px 0;
}
#content #jqtabs h2 {
	margin:30px 0 20px;
	padding:0 0 2px 25px;
	font-size:15px;
	color:#39301D;
	font-family:'ヒラギノ明朝 Pro W3', "Times New Roman";
	font-weight:900;
	background: url(../parts/images/bg_h2_tab.jpg) no-repeat left center;
	border-bottom: 1px solid #FFFFFF;
}
#content h2 {
	margin:30px 0 20px;
	padding:0 0 2px 32px;
	font-size:16px;
	color:#39301D;
	font-family:'ヒラギノ明朝 Pro W3', "Times New Roman";
	font-weight:900;
	background: url(../parts/images/bg_h2.jpg) repeat-x left center;
	border-bottom: 1px solid #FFFFFF;
}
#content h3 {
	font-size:14px;
	color:#3C3C27;
	margin:30px 10px 15px;
	font-weight: bold;
	background: url(../parts/images/bg_dotto.gif) no-repeat left bottom;
	padding-bottom: 1px;
	padding-left: 5px;
}
#content h4 {
	margin:15px 10px 10px;
	padding:0;
	font-size:13px;
	color:#565644;
	line-height:120%;
	font-weight: 600;
}
#content a.a:link, #content a.a:visited {
	font-size:12px;
	text-decoration:none;
	color:#7E793F;
	font-weight: normal;
}
#content a.a:hover { text-decoration: underline; }
#content a.aa:link, #content a.aa:visited {
	text-decoration:none;
	color:#7E793F;
	font-weight: normal;
	background: url(../parts/icon/sankaku.gif) no-repeat right center;
	padding-right: 12px;
}
#content a.aa:hover {
	background: url(../parts/icon/sankaku.gif) no-repeat right center;
	padding-right: 12px;
	text-decoration: underline;
}
#content a.aa_r:link, #content a.aa_r:visited {
	text-decoration:none;
	color:#7E793F;
	font-weight: normal;
	background: url(../parts/icon/sankaku_r.gif) no-repeat left center;
	padding-left: 12px;
}
#content a.aa_r:hover {
	background: url(../parts/icon/sankaku_r.gif) no-repeat left center;
	padding-left: 12px;
	text-decoration: underline;
}
#content ul.original {
	margin:10px 10px 10px 30px;
	padding:0;
	list-style-type:disc;
	font-weight:normal;
}
#content ul.original li {
	padding:5px 0 5px 0;
	margin:0;
	color:#565154;
	font-weight:normal;
}
#content ul.original li strong {
	font-size:13px;
	color:#333333;
	font-weight:bold;
}
#content ul.check {
	margin:10px 10px 10px 40px;
	padding:0;
	list-style-type:disc;
	font-weight:normal;
	list-style-image: url(../parts/images/check.gif);
}
#content ul.check li {
	padding:5px 0 5px 0;
	margin:0;
	color:#35353D;
	font-weight:normal;
}
#content ul.check li strong {
	font-size:12px;
	color:#333333;
	font-weight:bold;
}
#content ol.original {
	margin:10px 10px 10px 30px;
	padding:0;
	list-style-type: decimal;
}
#content ol.original li {
	padding:2px 0 10px;
	margin:0px 10px 0px 10px;
	color:#35353D;
	font-weight:normal;
}
#content ol.original li strong {
	font-size:12px;
	color:#333;
	font-weight:bold;
	line-height: 2em;
}
#content #cA {
	float:right;
	width:229px;
	margin:0 0 0 10px;
}
#content .Ctopleft {
	background:url('../parts/images/corners_top.gif') no-repeat top left;
	width:9px;
	height:9px;
	overflow:hidden;
	float:left
}
#content #search {
	background:#FFFFFF;
	padding:10px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#content #search .float_l {
	float: left;
	margin: 0px 0px 0px 5px;
	width: auto;
}
#content #search .serachbox {
	font-size: 12px;
	height: auto;
	padding: 2px 0px;
	width:160px;
	float: left;
}
#content .logo {
	padding:4px;
	margin:15px 0;
	border-top: 1px solid #d3cfce;
	border-bottom: 1px solid #d3cfce;
	background: #FFFFFF;
	bottom: 0px;
}
#content .testimonial {
	padding:10px;
	font:normal 10px arial, sans-serif
}
#content #cB {
	float:left;
	width:755px;
}
#content #cB a.yogo:link, #content #cB a.yogo:visited {
	font-size:12px;
	text-decoration: underline;
	color:#909389;
	font-weight: normal;
}
#content #cB a.yogo:hover {
	text-decoration: none;
	color: #666666;
}
#content #cB a.doi:link, #content #cB a.doi:visited {
	font-size:15px;
	color:#333333;
	font-weight: bold;
	background: #eee;
	text-align: center;
	margin: 20px 15px;
	border: 1px solid #999999;
	padding: 7px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#content #cB a.doi:hover {
	text-decoration: none;
	color: #666;
	background: #fff;
}
#content .Ctopright {
	background:url('../parts/images/corners_top.gif') no-repeat top right;
	width:9px;
	height:9px;
	overflow:hidden;
	float:right
}
#content #cB1 {
	width:360px;
	float:left;
	padding:5px;
	margin: 0px;
}
#content .news {
	border-bottom:1px solid #e6e1dd;
	border-top:1px solid #fcfafb;
	padding:10px 10px 5px
}
#content #cB2 {
	width:360px;
	float:right;
	padding:5px;
	margin:0;
}
#content .box1 {
	width:715px;
	margin:10px auto;
}
#content .box2 {
	overflow:hidden;
	position:relative;
	width:45%;
	margin:8px;
	float: left;
}
#content .box3 {
	float:left;
	overflow:hidden;
	position:relative;
	width:31%;
	margin: 5px 22px 20px 0px;
	text-align: center;
}
#content .box3 img { margin:2px auto; }
#content .box3_r {
	float:left;
	overflow:hidden;
	position:relative;
	width:31%;
	margin: 5px 0px 20px;
	text-align: center;
}
#content .box_gold {
	border:1px solid #999966;
	margin:10px auto;
	color:#282627;
	width: 93%;
	background: #FFFFFF url(../parts/images/bg_gurade_1.jpg) repeat-x left top;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#content .box_p {
	padding:10px;
	margin:15px auto;
	color:#282627;
	width: 90%;
	background: #F9F9F9;
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
}
#content .box_p p {
	background: url(../parts/icon/check.gif) no-repeat 0 1px;
	padding-left: 20px;
}
#content .box_check {
	border:1px solid #cccccc;
	padding:5px;
	margin:25px auto 10px;
	color:#282627;
	width: 93%;
	background: #FFFFFF url(../parts/images/bg_gurade_2.jpg) repeat-x left top;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#content .box_check ul {
	list-style-type:none;
	margin: 0px 10px 10px;
}
#content .box_check li {
	padding:0 0 0 20px;
	margin:5px 0;
	background:url('../parts/images/check.gif') no-repeat 0 50%
}
#content .box_check strong {
	font-size:13px;
	color:#333333;
	font-weight:bold;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}
#content .box_check1 {
	border:1px solid #cccccc;
	padding:5px;
	margin:25px auto 10px;
	color:#282627;
	width: 93%;
	background: #FFFFFF url(../parts/images/bg_gurade_2.jpg) repeat-x left top;
}
#content .box_check1 ul {
	list-style-type:none;
	margin: 0px 10px 10px;
}
#content .box_check1 li {
	padding:0 0 0 20px;
	margin:5px 0;
	background:url('../parts/images/check.gif') no-repeat 0 50%
}
#content .box_check1 strong {
	font-size:13px;
	color:#333333;
	font-weight:bold;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}
#content iframe.riyokiyaku {
	border: 1px solid #ccc;
	width: 95%;
	background: #FFFFFF;
	height: 400px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top: 10px;
}
#content .Cpad { margin:0 }
#content .Cbottomleft {
	background:url('../parts/images/corners_bottom.gif') no-repeat top left;
	width:9px;
	height:9px;
	overflow:hidden;
	float:left;
	display:inline
}
#content .Cbottom {
	width:980px;
	height:9px;
	overflow:hidden;
	display:inline;
	float:left;
	background:url(../parts/images/bg_page.gif) repeat-y -9px 0
}
#content .Cbottomright {
	background:url('../parts/images/corners_bottom.gif') no-repeat top right;
	width:9px;
	height:9px;
	overflow:hidden;
	float:right;
	display:inline
}
/*title & data*/
.title {
	cursor: pointer;
	margin: 10px auto;
	font-size: 12px;
	font-weight: 600;
	width: 90%;
}
.openlanguage { color: #ADAC91; }
.closedlanguage { color: #666666; }
.data {
	color: #666666;
	padding: 5px;
	border: 1px solid #eeeeee;
	width: 86%;
	margin: 0px auto 10px;
	background: #FFFFFF url(../parts/images/bg_gurade_2.jpg) repeat-x left top;
}
.box_title_id {
	padding: 5px 20px;
	margin: 15px auto 0px;
	width: 85%;
}
.title_id {
	cursor: pointer;
	margin: 0px auto;
	font-size: 12px;
	font-weight: 600;
	width: 90%;
}
.title_id .openlanguage { color: #ADAC91; }
.title_id .closedlanguage { color: #666666; }
.data_id {
	color: #666666;
	padding: 5px 20px;
	border: 1px solid #FFFFFF;
	width: 85%;
	margin: 0px auto 10px;
	background: #FFFFFF url(../parts/images/bg_gurade_1.jpg) repeat-x left top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
/* ---------------------- ID -------------------*/

/* li_4 */
#content #cB ul#li_4 {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}
#content #cB #li_4 li {
	float : left;
	width : 188px;
}
#content #cB #li_4 li a {
	background : url(../parts/images/bg_li_4_off.png) no-repeat right bottom;
	display : block;
	position : relative;
	padding : 10px;
	height : 210px;
	border-left : 1px solid #e5e5e5;
	text-decoration : none;
	color : #252525;
}
#content #cB #li_4 li a.roundedleft { border-left : none; }
#content #cB #li_4 li h3 {
	font-size:14px;
	color:#3C3C27;
	margin:10px 10px 0px;
	font-weight: bold;
	background: url(../parts/images/bg_dotto.gif) no-repeat left bottom;
	padding-bottom: 1px;
	padding-left: 5px;
}
#content #cB #li_4 li h5 {
	font-size:11px;
	color:#003366;
	margin:2px 10px 15px;
	font-weight: bold;
	padding-bottom: 1px;
	padding-left: 5px;
	text-align: right;
}
#content #cB #li_4 p {
	font-size:12px;
	color:#666666;
	font-weight: normal;
}
#content #cB #li_4 li a:hover { background : url(../parts/images/bg_li_4_on.png) repeat-x; }
#content .box_id {
	width:695px;
	margin:10px auto;
}
#content .box_id h4 {
	font-size: 15px;
	font-weight: bold;
}
#content ul.id li a:link, #content ul.id li a:visited {
	text-decoration:none;
	color:#3C5364;
	font-weight: normal;
}
#content ul.id li a:hover {
	text-decoration: underline;
	color: #6A92B1;
}
#content ul.id {
	font-size:12px;
	margin:10px;
	padding:0;
	list-style-type:none;
	font-weight:normal;
}
#content ul.id li {
	padding:5px 0 5px 15px;
	margin:0;
	color:#35353D;
	font-weight:normal;
	vertical-align: middle;
	height: 1.5em;
	background:url(../parts/icon/sankaku.gif) no-repeat 0 8px;
}
#content ul.id li strong {
	font-size:13px;
	color:#333333;
	font-weight:bold;
}
#content .alert {
	display:block;
	width: 90%;
	text-align: left;
	border: 1px solid #CC0000;
	position: relative;
	margin: 0px auto 20px auto;
	padding:  10px 10px 0px 45px;
	background: #FFFFFF url(../parts/icon/icon_alert.gif) no-repeat 5px 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#content .coding {
	display:block;
	width: 90%;
	text-align: left;
	background-image: url(../parts/icon/icon_memo.gif);
	background-position: 5px 5px;
	background-repeat : no-repeat;
	background-color : #FFFFF9;
	border: 1px solid #cccccc;
	position: relative;
	margin: 0px auto 20px;
	padding: 10px 10px 0px 45px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#content .coding_s {
	display:block;
	width: 80%;
	text-align: left;
	border: 1px solid #cccccc;
	margin: 0 auto 20px;
	padding : 2px 10px 2px 45px;
	background: #fff url(../parts/icon/icon_memo_s.gif) no-repeat 5px 5px;
	position: relative;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
/* Footer */
#footer {
	height:95px;
	width:100%;
	margin:10px 0 0;
	background:url(../parts/images/bg_footer.gif) no-repeat center bottom
}
* html #footer { margin-bottom: -20px; }
#foot {
	height: 95px;
	width: 998px;
	margin: 0 auto
}
#foot1 {
	height: 30px;
	padding: 12px 29px 0 0;
	margin: 0px;
	text-align: right;
}
#foot1 a:link, #foot1 a:visited { color:#888888 }
#foot1 a.top:link, #foot1 a.top:visited {
	margin-left: 30px;
	color: #FDFDFD;
}
#foot1 a.top:active { text-decoration: underline; }
#foot2 {
	padding:10px 360px 0 30px;
	color:#999
}
#foot2 a:link, #foot2 a:visited { color:#ddd }
#foot2 a:active { color:#F0F0F0 }
.star { color:#fc0 }
.valid {
	float:right;
	width: auto;
}
/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* Misc */
.clear { clear:both }
#properspace {
	height:95px;
	margin: 0px;
	padding: 0px;
}
#preloader { display:none }