/* CSS Document */
* {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
line-height:20px;
margin:auto;
}
#win {
width:890px;
font-size:12px;
color:#666666;
}
#winin {
width:890px;
float:left;
padding:0px 20px 20px 20px;
margin:0px;
}
#header {
background-image:url(../img/common/header.jpg);
background-color:#000000;
border-bottom:6px solid #000;
width:890px;
height:120px;
padding:0px;
margin:0px;
color:#FFF;
float:left;
}
#gnav {
width:682px;
height:51px;
float:right;
margin-top:33px;
}
#pannav {
width:890px;
height:26px;
padding:5px 0px;
margin:5px 0px 10px 0px;
float:left;
border-bottom:1px solid #666666;
}
#pannav p {
font-size:10px;
line-height:16px;
}
#pannav a {
font-size:10px;
line-height:16px;
}
#mainwin {
width:890px;
float:left;
margin:0px 0px 50px 0px;
padding:0px;
}
#mainwinR {
width:640px;
height:auto;
padding-left:10px;
float:left;
}	
#lnav {
width:230px;
float:left;
margin:0px;
padding:0px;
}
#footer {
width:890px;
margin:0px;
padding:10px 0px;
float:left;
}
.ftd {/*↓foooter text*/ 
text-decoration:none;
color:#666666;
}
#footer2 {
width:860px;
text-align:center;
background-color:#FFFFFF;
color:#666666;
padding:0px;
margin-top:20px;
font-size:10px;
float:left;
border-top:1px solid #333333;
}
#mainAdSense {
width:620px;
background-color:#FFFFFF;
float:left;
margin:20px 0px 40px 0px;
}
.sideAdSense {
width:200px;
margin-top:20px;
float:left;
}
.sidead {
margin:0px;
background-color:#BDD773;
color:#FFFFFF;
font-weight:bold;
padding-left:5px;
}
/*gnav****************************************/
#gnav ul {
width:682px;
height:51px;
padding:0px;
margin:0px;
list-style:none;
float:left;
}
#gnav li {
float:left;
}
.ghome a {
display:block;
width:58px;
height:51px;
background-image:url(../img/common/gnav_home.jpg);
float:left;
}
.gcoordinate a {
display:block;
width:124px;
height:51px;
background-image:url(../img/common/gnav_coordinate.jpg);
float:left;
}
.glayout a {
display:block;
width:124px;
height:51px;
background-image:url(../img/common/gnav_layout.jpg);
float:left;
}
.ghowto a {
display:block;
width:124px;
height:51px;
background-image:url(../img/common/gnav_howto.jpg);
float:left;
}
.gserch a {
display:block;
width:124px;
height:51px;
background-image:url(../img/common/gnav_serch.jpg);
float:left;
}
.ginfo a {
display:block;
width:124px;
height:51px;
background-image:url(../img/common/gnav_info.jpg);
float:left;
}
/*↓ここからlnavサイドメニュー****************************************/
#lnav ul {
width:230px;
margin:0px 0px 20px 0px;
padding:0px;
float:left;
list-style:none;
}
#lnav li {
float:left;
width:230px;
height:38px;
}
#lnav li a {
display:block;
width:195px;
height:38px;
float:left;
line-height:38px;
padding:0px 0px 0px 35px;
background-image:url(../img/common/lnav_deault.jpg);
color:#000;
}
#lnav li a:hover {
background-image:url(../img/common/lnav_blue.jpg);
line-height:38px;
color:#000/*#BAAD36*/;
}
#lnav .here a {
display:block;
width:195px;
height:38px;
float:left;
line-height:38px;
padding:0px 0px 0px 35px;
background-image:url(../img/common/lnav_green.jpg);
color:#000;
}
#lnav .here a:hover {
display:block;
width:195px;
height:38px;
float:left;
line-height:38px;
padding:0px 0px 0px 35px;
background-image:url(../img/common/lnav_blue.jpg);
color:#000;
}
#lnav .oya a {
display:block;
width:195px;
height:38px;
float:left;
line-height:38px;
padding:0px 0px 0px 35px;
background-image:url(../img/common/lnav_green_oya.jpg);
color:#000;
}
#lnav .oya a:hover {
display:block;
width:195px;
height:38px;
float:left;
line-height:38px;
padding:0px 0px 0px 35px;
background-image:url(../img/common/lnav_blue_oya.jpg);
color:#000;
}
#lnav .ko a {
display:block;
width:195px;
height:38px;
float:left;
line-height:38px;
padding:0px 0px 0px 35px;
background-image:url(../img/common/lnav_white.jpg);
color:#000;
}
#lnav .ko a:hover {
display:block;
width:195px;
height:38px;
float:left;
line-height:38px;
padding:0px 0px 0px 35px;
background-image:url(../img/common/lnav_pink_ko.jpg);
color:#000;
}
#lnav .top a {
display:block;
width:195px;
padding:0px;
margin:0xp;
height:38px;
float:left;
}
/*↓ここからトップページレイアウト********************/ 
#topbox1{
width:200px;
margin-top:0px;
margin-left:0px;
float:left;
}
#topbox2 {
width:680px;
float:left;
}
#topbox3 {
width:202px;
margin:0px 0px 0px 8px;
float:right;
border:0px;
}
.topkimg { /*kimg用ボックス*/ 
width:330px;
margin:0px 10px 10px 0px;
float:left;
}
.topkimg_sub { /*kimg用ボックス*/ 
width:330px;
margin:0px 10px 5px 0px;
padding:0px;
float:left;
}
.topL { /*更新情報用&コメント用 */ 
width:660px;
margin:5px 0px 10px 0px;
border:1px #CCCCCC solid;
float:left;
padding:5px;
font-size:12px;
}
.topL_ul {
margin:0px;
padding:0px;
}
.topL_l {
padding:0px;
margin:0px 0px 0px 60px;
}
.topR {
width:190px;
margin:0px 0px 5px 0px;
border:1px #CCCCCC solid;
padding:5px;
}
.topbannar {
width:200px;
margin:0px 0px 5px 0px;
border:1px #666666 solid;
padding-bottom:5px;
text-align:center;
}
.toptxt {
line-height:18px;
margin-top:2px;
margin-bottom:0px;
}
/*↓ここからコーディネート例レイアウト********************/ 
.layout_main {
width:380px;
float:left;
}
.layout_sub {
width:190px;
float:left;
padding:0px 2px 10px 0px
}
.coninR {
width:180px;
height:240px;
margin:0px;
float:left;
}
.cjtxtbox1L {
width:380px;
margin:10px 0px 20px 0px;
float:left;
padding:0px 10px 0px 10px;
}
.cjtxtbox2L {
width:560px;
margin:10px 0px 20px 0px;
float:left;
padding:0px 10px 0px 10px;
}
.ccclear{
clear:both;
}
#limit150{
display:block;
height:150px;
overflow:hidden;
}
.cjtxtbox1R {
width:180px;
height:180px;
margin:10px 0px 20px 0px;
float:left;
}
.cjtxtbox2R {
width:10px;
height:auto;
margin:10px 0px 20px 0px;
float:left;
}
.cjtxtbox2 {
width:560px;
height:150px;
margin:30px 0px 20px 0px;
padding:0px 10px 0px 10px;
background-image:url(../cj/img/caution.gif);
float:left;
}
.cjrecom {
width:580px;
height:210px;
background-image:url(../cj/img/recom_point.gif);
float:left;
margin:10px auto 0px 0px;
background-repeat:no-repeat;
}
.cjpoint1 {
width:163px;
height:60px;
float:left;
margin:70px 0px 60px 0px;
padding:0px 10px 20px 10px;
}
.cjpoint2 {
width:163px;
height:60px;
float:left;
margin:70px 0px 60px 15px;
padding:0px 10px 20px 10px;
}
.cjpoint3 {
width:163px;
height:60px;
float:left;
margin:70px 0px 60px 15px;
padding:0px 10px 20px 10px;
}
.cjh3 {
width:575px;
height:25px;
padding-left:10px;
margin:0px 0px 10px 0px;
line-height:25px;
font-size:12px;
float:left;
background-image:url(../cj/img/titlebar.gif);
}
/*↓ここからコンテンツページレイアウト********************/ 
.mainRtopbox {
width:635px;
height:auto;
float:left;
margin-bottom:20px;
}
.mainRbtmbox {
width:630px;
height:auto;
margin:0px;
float:left;
}
.conttlbd {
width:580px;
margin:10px 0px 20px 0px;
float:left;
}
.conttlbd2 {
width:580px;
font-size:16px;
margin:0px 10px 15px 10px;
font-weight:bold;
float:left;
}
.conttlbd3 {
width:580px;
font-size:13px;
margin:0px 10px 3px 10px;
font-weight:bold;
float:left;
}
.conborder	{
border-bottom:1px dotted #CDC8C0;
margin: 0px 0px 0px 0px;
padding: 10px 20px 0px 20px;
}
.conbtm {
width:630px;
margin-top:10px;
margin-left:20px;
float:left;
}
/*↓ここからテキスト情報*******************/ 
h1 {
font-size:13px;
line-height:18px;
padding:0px;
margin:0px 0px 0px 15px;
}
h2 {
font-size:13px;
line-height:18px;
padding:0px;
margin:0px 0px 0px 15px;
}
h3 {
height:35px;
line-height:30px;
font-size:15px;
font-weight:bold;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 20px;
}
h4 {
font-size:11px;
}
p {
margin-top:5px;
margin-bottom:5px;
}
.caution {
font-weight:bold;
color: #ff3300;
}
.nodis {
display:none;
}
.pgt{
width:630px;
height:20px;
margin:30px 0px 20px 0px;
float:right;
text-align:right;
}
.bookmarks {
width:160px;
float:right;
text-align:right;
margin:0px;
padding:2px;
}
.pgttxt {
text-decoration:none;
font-size:10px;
color:#666666;
}
.imgbdr {
border:0px;
padding:0px;	
}
a {
border:0px;
}
img {
border:0px;
}
.float {
float:left;
}
.clear {
clear:both;
}
.spacemarT10 { margin-top:10px }
.spacemarT20 { margin-top:20px }
.spacemarT50 { margin-top:50px }
.spacemarB10 { margin-bottom:10px }
.spacemarB20 { margin-bottom:20px }
.spacemarB25 { margin-bottom:25px }
.spacemarR10 { margin-right:10px }
.spacemarR20 { margin-right:20px }
.spacemarL10 { margin-left:10px }
.spacemarL20 { margin-left:20px }
#footer p {
font-size:10px;
line-height:14px;
margin:0px;
padding:0px;
}
#footer a {
color:#666;
}
/*↓ここから各index********************/
.w630{
width:630px;
float:left;
}
.w600{
width:598px;
float:left;
}
.w280 {
width:280px;
float:left;
margin:20px 15px 0px 0px;
}
.w250 {
width:250px;
margin:0px 0px 20px 20px;
float:left;
}
.w200 {
width:200px;
margin:0px 0px 5px 0px;
padding-bottom:5px;
text-align:center;
}
.txt580 {
width:560px;
margin:0px;
padding:0px 10px 20px 10px;
float:left;
}
.inx1 {
width:520px;
height:auto;
margin-top:5px;
padding-left:20px;
margin-left:20px;
float:left;
}
.indexbox { 
width:250px;
margin:0px 0px 20px 20px;
float:left;
}
/*↓ここからリニューアル後********************/
.indexback {
width:620px;
height:auto;
margin:0px;
float:left;
padding:10px 5px;
background-color:#EBEBEB;
}
.iconbox {
width:150px;
padding:5px;
background-color:#EBEBEB;
float:left;
margin:0px;
}
.iconboxR {
width:150px;
background-color:#EBEBEB;
float:right;
margin:0px 0px 10px 0px;
}
.title {
width:630px;
background-image:url(../img/common/title_bar.gif);
background-repeat:no-repeat;
clear:both;
}
.w150 {
width:140px;
margin:0px 4px 10px 0px;
padding:5px;
float:left;
border:solid 1px #CCC;
background-color:#FFF;
}
.w150R {
width:140px;
margin-bottom:10px;
padding:5px;
float:left;
border:solid 1px #CCC;
background-color:#FFF;
}
.image {
width:134px;
padding:3px;
background-color:#CCC;
}
.imageL {
width:450px;
padding:10px;
background-color:#FFF;
border:solid 1px #CCC;
}
.concept {
width:470px;
padding:0px;
}
.icon {
width:63px;
margin-right:10px;
float:left;
}
.iconR{
width:63px;
float:left;
}
.w200index {
width:200px;
margin:0px 10px 10px 0px;
padding-bottom:5px;
float:left;
}
.size14 {
font-size:14px;
font-weight:bold;
margin:10px 0px 10px 0px;
}
.TBL {
border-collapse:collapse;
border:solid 1px #CCC;
float:left;
background-color:#FFF;
margin-bottom:20px;
}
.TDL {
text-align:left;
padding:10px;
border:solid 1px #CCC;
background-color:#FFF;
}
.TDL1 {
text-align:left;
padding:10px;
border:solid 1px #CCC;
background-color:#FFFF99;
}
.exh3 {
width:460px;
height:30px;
padding-left:10px;
margin:10px 0px 10px 0px;
line-height:30px;
font-size:14px;
float:left;
background-image:url(../cj/img/ex_bar.gif);
}
.bar630 {
width:610px;
height:30px;
padding-left:10px;
margin:10px 0px 10px 0px;
line-height:30px;
font-size:14px;
background-image:url(../img/common/title_bar_620.gif);
clear:both;
}
.pagetop {
width:630px;
padding:0px;
margin-top:10px;
float:left;
}
.w300 {
width:280px;
padding:5px;
margin:0px 20px 0px 0px;
background-color:#EBEBEB;
float:left;
}
.companybox {
width:600px;
padding:10px;
margin-bottom:20px;
float:left;
background-color:#FFF;
}
.shiryo {
width:180px;
float:left;
padding:20px 220px;
margin:20px 0px;
background-image:url(../img/common/shiryo_back.gif);
}
/*↓ここからdictionary********************/
.dicttl {
display:block;
margin-top:20px;
margin-bottom:40px;
}
dl.dic {
width:560px;
height:auto;
margin:0px;
}
dl.dic dt {
float:left;
width:150px;
border-left:6px solid #666666;
border-top:1px solid #666666;
padding-left:10px;
clear:both;
margin-bottom:1px;
}
dl.dic dd {
width:380px;
margin-left:170px;
border-top:1px solid #666666;
margin-bottom:1px;
}
/*↓ここからCSSハック********************/
.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 hede from IE-mac */
/*↓ここからsitemap********************/
.sitemap {
width:630px;
float:left;
}	
.hh {
line-height:100%;
margin:20px 0px 10px 20px;
border-left:5px #666666;
font-size:12px;
font-weight:bold;
}
.hh a{
color: #666666;
text-decoration: none;
}
.hh a:visited {
color: #666666;
text-decoration:none;
}
.hh a:hover {
color: #666666;
text-decoration:underline;
}
li.sitemaplst1p {/*親カテゴリ*/
line-height:100%;
margin:0px 0px 10px 40px;
list-style-image:url(../img/common/blt_sitemap_01.gif);
}
li.sitemaplst1c {/*子カテゴリ*/
line-height:100%;
margin:0px 0px 10px 40px;
list-style-image:url(../img/common/blt_sitemap_02.gif);
}
li.sitemaplst2p {/*親カテゴリ*/
line-height:100%;
margin:0px 0px 10px 60px;
list-style-image:url(../img/common/blt_sitemap_01.gif);
}
li.sitemaplst2c {/*子カテゴリ*/
line-height:100%;
margin:0px 0px 10px 60px;
list-style-image:url(../img/common/blt_sitemap_02.gif);
}
.sitemap li a {
color: #666666;
text-decoration: none;
}
.sitemap li a:visited {
color: #666666;
text-decoration:none;
}
.sitemap li a:hover {
color: #666666;
text-decoration:underline;
}
/*↓ここからcorprate********************/
dl.corp {
width:400px;
margin:20px auto auto 40px;
border-bottom:1px dotted #CDC8C0;
float:left;
}
dt.corp {
display:block;
clear:both;
width:100px;
float:left;
border-top:1px dotted #CDC8C0;
padding-left:5px;
}
dd.corp {
display:block;
width:290px;
margin-left:105px;
border-top:1px dotted #CDC8C0;
}
/*↓ここからic_select********************/
dl.icselect {
width:590px;
border:5px solid #CCCCCC;
margin:0px auto 40px 0px;
float:left;
}
dt.icselect {
width:140px;
border-top:1px solid #CCCCCC;
float:left;
padding:5px;
font-size:12px;
}
dd.icselect2 {
margin-left:150px;
border-top:1px solid #CCCCCC;
padding:5px;
font-size:12px;
}
.w580C {
width:580px;
margin:10px 0px 20px 0px;
text-align:center;
float:left;
}
.ictable {
border-spacing:0px;
border:1px solid #CCCCCC;
border-collapse:collapse;
margin-bottom:20px;
float:left;
}
.icth {
border-spacing:0px;
border:1px solid #CCCCCC;
}
.ictd {
border-spacing:0px;
border:1px solid #CCCCCC;
padding-left:5px;
text-align:center
}
.ictdl {
border-spacing:0px;
border:1px solid #CCCCCC;
padding-left:5px;
}
/*↓ここからkagu_select********************/
#kagubg {
width:630px;
height:331px;
background:url(../img/kagubg.jpg) no-repeat;
float:left;
}
.kagu01 {
padding-left:10px;
float:left;
width:245px;
height:200px;
margin:27px 0px 0px 10px;
font-size:12px;
}
.kagu02 {
display:block;
margin:65px 0px 0px 65px;
width:220px;
height:145px;
font-size:10px;
float:left;
}
.kagu03 {
float:left;
width:520px;
height:25px;
padding-left:25px;	
margin:60px 0px 0px 10px;
font-size:12px;
color:#660000;
font-weight:bold;
}
.kagu04L {
float:left;
width:135px;
height:42px;
margin:30px 0px 0px 5px;
font-size:10px;
font-weight:bold;
padding-left:20px;
}
.kagu04 {
float:left;
width:142px;
height:42px;
margin:30px 0px 0px 10px;
font-weight:bold;
font-size:10px;
}
.kagu05L {
float:left;
width:135px;
height:280px;
margin:100px 0px 0px 5px;
padding-left:20px;
font-size:10px;
}
.kagu05 {
float:left;
width:135px;
height:280px;
margin:100px 0px 0px 15px;
font-size:10px;
}
.kagu06 {
display:block;
float:left;
width:360px;
height:180px;
margin:25px 0px 50px 10px;
padding-left:10px;
}
.teacher {
float:left;
width:135px;
height:42px;
margin:130px 0px 0px 30px;
}
.kagu_btn {
width:110px;
height:50px;
margin-bottom:0px;
float:left;
border:1px;
}
.kagu_btn_s {
width:65px;
height:50px;
margin-bottom:0px;
float:left;
border:1px;
}
.kagu_stepbg {
width:560px;
height:267px;
padding:16px 0px 0px 35px;
background:url(../img/stepbg.jpg) no-repeat;
margin-top:30px;
float:left;
}
.kagu_step5bg {
width:380px;
height:200px;
padding:40px 50px 0px 150px;
background:url(../img/step5bg.jpg) no-repeat;
margin-top:0px;
float:left;
}
.kagu_step01 {
display:block;
margin:0px;
width:270px;
height:240px;
font-size:14px;
float:left;
}
.kagu_step02 {
display:block;
margin:30px 0px 0px 5px;
width:250px;
height:200px;
font-size:12px;
float:left;
}
.kagu_bar {
float:left;
margin-bottom:10px;
width:630px;
height:25px;
line-height:25px;
font-size:12px;
margin:0;
background-image:url(../cj/img/titlebar.gif);
}
/*↓ここからcolor********************/
.color {
width:150px;
height:30px;
margin-bottom:20px;
float:left;
}
/*ここからセミナー****************************/
.seminartable {
width:620px;
border-spacing:0px;
border:1px solid #CCCCCC;
border-collapse:collapse;
margin-left:0px;
margin-bottom:20px;
}
.seminarth1 {
background-color:#BDD773;
border-spacing:0px;
border:1px solid #CCCCCC;
padding:5px;
text-align:center;
color:#FFFFFF;
}
.seminarth2 {
background-color:#BDD773;
border-spacing:0px;
border:1px solid #CCCCCC;
padding:5px;
color:#FFFFFF;
text-align:left;
}
.seminartd1 {
border-spacing:0px;
border:1px solid #CCCCCC;
text-align:center;
background-color:#F1FCFC;
}
.seminarcon1 {
border-spacing:0px;
border:1px solid #CCCCCC;
padding-left:5px;
background-color:#F1FCFC;
}
.seminartd2 {
border-spacing:0px;
border:1px solid #CCCCCC;
text-align:center;
}
.seminarcon2 {
border-spacing:0px;
border:1px solid #CCCCCC;
padding-left:5px;
}
/*ここからic一覧****************************/
.icimg {
border:5px solid #BDD773;
width:160px;
height:160px;
margin:0px 0px 40px 0px;
float:left;
}
.icname1 {
width:410px;
height:75px;
float:left;
margin:0 0 0 10px;
padding:3px 5px 5px 10px;
font-weight:bold;
background-color: #BDD773;
color:#FFFFFF;
}
.icname2 {
background-color: #A5927B;
width:410px;
height:75px;
float:left;
margin:0 0 0 10px;
padding:5px 5px 5px 10px;
color:#FFFFFF;
}
.icpr {
border-left:5px solid #A5927B;
width:600px;
height:30px;
float:left;
padding-left:10px;
margin:0px;
}
.icbd1 {
width:580px;
float:left;
padding-left:10px;
margin:5px 0px 30px 0px;
}
.icbdL {
width:240px;
height:160px;
float:left;
margin:5px 0px 30px 0px;
}
.icbdR {
width:340px;
height:160px;
float:left;
padding-left:10px;
margin:5px 0px 30px 0px;
}
.icadd {
width:590px;
border:5px solid #A5927B;
height:100px;
padding:5px;
float:left;
margin-bottom:30px;
}
.infobox {
width:590px;
border:5px solid #CCCCCC;
padding:5px;
margin-bottom:20px;
float:left;
}
/********************コーディネート実例用************/
.ccbase {
ont-size:13px;
LINE-HEIGHT: 22px;
WIDTH: 600px;
FONT-WEIGHT: normal;
background-color:#FFF !important;
float:left;
}
.ccdetail{
font-size:12px;
width:100%;
height:auto;
background-color:#FFF;
border:solid #333333 1px;
margin-bottom:-1px;
}
.ccdetail_l{
width:155px;
font-size:12px;
height:auto;
float:left;
background-color:#d6e9ca;
border-right:solid #333333 1px;
text-align:center;
}
.ccdetail_r{
width:430px;
font-size:12px;
height:auto;
float:right;
background-color:#FFF;
text-align:center;
Padding-right:5px;
}
.ccdetail_r2{
width:430px;
font-size:12px;
float:right;
background-color:#FFF;
text-align:left;
Padding-right:5px;
}
.ccdetail_l9{
width:430px;
height:250px;
float:left;
background-color:#FFF;
text-align:left;
Padding-right:5px;
}
.ccdetail_l9 h3{
font-size:16px;
font-weight:bold;
text-align:left;
}
.ccdetail_l9 p{
line-height:24px;
text-align:left;
}
.ccclear{
clear:both;
background-color:#FFF;
}
.pic250px{
width:250px;
height:200px;
overflow:hidden;
}
html {-webkit-text-size-adjust: 100%}