@charset "UTF-8";
/* CSS Document */

/* 初期化 */
body {margin:0;padding:0;font-size:0.72em;line-height:1.6em;text-align:center;font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4","MS PGothic","ＭＳ Ｐゴシック",Osaka,sans-serif;}
td,th {font-size:0.72em;line-height:1.6em;vertical-align:top;text-align:left;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,td,th,form {margin:0;padding:0;list-style:none;font-weight:normal;}

a:link {color:#cc0088;}
a:visited {color:#94557f}
a:active {text-decoration:none;}
a:hover {color:#e69bbf;}
a:link img,a:visited img,a:active img,a:hover img {border:0;} 

/* common */
.inner {width:950px;margin:0 auto;text-align:left;}
.skip {display:none;}
.caution {color:#ff0000;margin-right:5px;}
.mb5 {margin-bottom:5px;}
.waku {border:1px solid #ddd;margin-right:8px;}
a.komado {background:url(../img/global/icon_blank.gif) no-repeat 0 1px;padding:0 5px 0 17px;}

/* head(common) */
#head {height:93px;}
#head h1 a {float:left;margin-top:10px;display:block;width:219px;height:67px;text-indent:-9999px;overflow:hidden;}
#head h2 {float:left;margin-top:30px;width:164px;height:23px;margin-left:190px;text-indent:-9999px;overflow:hidden;}
#head ul {float:right;}
#head li {float:left;margin-top:15px;padding:0 10px;border-right:1px dotted #fff;}
#head li.end {border-right:none;}
#head li a {display:block;height:13px;text-indent:-9999px;overflow:hidden;}
#head li a:hover {border-bottom:1px solid #fff;}
#head li#gn-dcube a {background:url(../img/head/gn_dcube.gif);width:93px;}
#head li#gn-sitemap a {background:url(../img/head/gn_sitemap.gif);width:54px;}
#head li#gn-sitemapv2 a {background:url(../img/head/gn_sitemapv2.gif);width:98px;}
#head li#gn-contact a {background:url(../img/head/gn_contact.gif);width:67px;}
#head li#gn-english a {background:url(../img/head/gn_english.gif);width:40px;}
#head li#gn-japanese a {background:url(../img/head/gn_japanese.gif);width:48px;}

/* head(top) */
body#top #head h1,
body#top #head h2,
body#top #head h3,
body#top #head h4 {float:left;display:block;text-indent:-9999px;overflow:hidden;}

/* head(works) */
body#works {background:url(../img/head/bg_works.jpg) repeat-x 0 4px;border-top:4px solid #723FA3;}
body#works #head h1 a {background:url(../img/head/logo_works.jpg);}
body#works #head h2 {background:url(../img/head/title_works.gif);}

/* head(fancy) */
body#fancy {background:url(../img/head/bg_fancy.jpg) repeat-x 0 4px;border-top:4px solid #61A750;}
body#fancy #head h1 a {background:url(../img/head/logo_fancy.jpg);}
body#fancy #head h2 {background:url(../img/head/title_fancy.gif);}

/* head(service) */
body#service {background:url(../img/head/bg_service.gif) repeat-x 0 4px;border-top:4px solid #CD39B1;}
body#service #head h1 a {background:url(../img/head/logo_service.gif);}
body#service #head h2 {background:url(../img/head/title_service.gif);}

/* head(company) */
body#company {background:url(../img/head/bg_company.gif) repeat-x 0 4px;border-top:4px solid #FEC690;}
body#company #head h1 a {background:url(../img/head/logo_company.gif);}
body#company #head h2 {background:url(../img/head/title_company.gif);}

/* head(others) */
body#others {background:url(../img/head/bg_others.jpg) repeat-x 0 4px;border-top:4px solid #FFD17A;}
body#others #head h1 a {background:url(../img/head/logo_others.jpg);}
body#others #head h2#title-contact {background:url(../img/head/title_contact.gif);}
body#others #head h2#title-sitemap {background:url(../img/head/title_sitemap.gif);}
body#others #head h2#title-english {background:url(../img/head/title_english.gif);}
body#others #head h2#title-privacy {background:url(../img/head/title_privacy.gif);width:194px;margin-left:175px;}

/* navi */
#navi {background:url(../img/navi/bg.jpg) repeat-x 0 2px;height:52px;padding-top:10px;border-top:5px solid #cc0088;}
#navi li {float:left;}
#navi li#navi-contact {float:right;}

#navi li a {display:block;width:216px;height:42px;text-indent:-9999px;overflow:hidden;}
#navi li#navi-works a {background:url(../img/navi/works.gif);width:143px;}
#navi li#navi-works a:hover {background:url(../img/navi/works_on.gif);}
#navi li#navi-works a.selected {background:url(../img/navi/works_on.gif);}
#navi li#navi-fancy a {background:url(../img/navi/fancy.gif);}
#navi li#navi-fancy a:hover {background:url(../img/navi/fancy_on.gif);}
#navi li#navi-fancy a.selected {background:url(../img/navi/fancy_on.gif);}
#navi li#navi-service a {background:url(../img/navi/service.gif);}
#navi li#navi-service a:hover {background:url(../img/navi/service_on.gif);}
#navi li#navi-service a.selected {background:url(../img/navi/service_on.gif);}
#navi li#navi-company a {background:url(../img/navi/company.gif);}
#navi li#navi-company a:hover {background:url(../img/navi/company_on.gif);}
#navi li#navi-company a.selected {background:url(../img/navi/company_on.gif);}
#navi li#navi-contact a {background:url(../img/navi/contact.gif);width:140px;}
#navi li#navi-contact a:hover {background:url(../img/navi/contact_on.gif);}
#navi li#navi-contact a.selected {background:url(../img/navi/contact_on.gif);}

/* foot */
#foot {font-size:0.9em;line-height:1em;margin-top:25px;margin-bottom:10px;}
#foot address {float:left;background:url(../img/foot/copyright.gif);width:226px;height:11px;text-indent:-9999px;overflow:hidden;}
#foot ul {float:left;}
#foot li {float:left;padding-left:10px;}
#foot li a {color:#000;}
#foot li a:hover {color:#999;}

/* w3c */
.w3c p {float:right;margin:5px 10px 0 0;text-align:right;font-size:0.9em;}
.w3c img {float:right;}


/* contents
---------------------------------------------------- */
/* cont(common) */
#cont {margin-top:20px;}
#cont h3 {margin-bottom:10px;font-size:1.3em;}
#cont p.btn {margin:10px 0 0 0;text-align:right;}
#cont a.link {color:#000;background:#e6e6e6;text-decoration:none;padding:4px 12px;}
#cont a.link:hover {color:#999;background:#f2f2f2;}

#cont a.link.toright {background:url(../img/global/yain_right.gif) no-repeat #e6e6e6 10px 9px;padding-left:30px;}
#cont a.link.toright:hover {background:url(../img/global/yain_right.gif) no-repeat #f2f2f2 10px 9px;}
#cont a.link.toleft {background:url(../img/global/yain_left.gif) no-repeat #e6e6e6 10px 9px;padding-left:30px;}
#cont a.link.toleft:hover {background:url(../img/global/yain_left.gif) no-repeat #f2f2f2 10px 9px;}
#cont a.link.tobottom {background:url(../img/top/yain_pink.gif) no-repeat 0 3px;color:#cc0088;padding:0 0 0 16px;float:left;}
#cont a.link.tobottom:hover {background:url(../img/top/yain_pink.gif) no-repeat 0 3px;color:#e69bbf;}

#cont a.link.blank {background:url(../img/global/icon_blank.gif) no-repeat #e6e6e6 10px 7px;padding-left:27px;float:right;}
#cont a.link.blank:hover {background:url(../img/global/icon_blank.gif) no-repeat #f2f2f2 10px 7px;}
#cont a.link.download {background:url(../img/global/icon_download.gif) no-repeat #e6e6e6 10px 7px;padding-left:27px;float:right;}
#cont a.link.download:hover {background:url(../img/global/icon_download.gif) no-repeat #f2f2f2 10px 7px;}

#cont a.link.mini {padding:6px 8px;margin-left:2px;color:#cc0088;}
#cont a.link.closeup {background:url(../img/global/yain_tobottom.gif) no-repeat 0 4px;color:#cc0088;padding:0 16px;float:left;}
#cont a.link.closeup:hover {background:url(../img/global/yain_tobottom.gif) no-repeat 0 4px;color:#e69bbf;}


/* column */
.column2 {}
.column2 h2 {float:left;width:200px;margin-right:35px;}
.column2 .column {float:left;width:715px;padding-bottom:35px;}
.column2 .twin, .column2 .triplets {margin-bottom:15px;}
.column2 .line {border-bottom:1px solid #eee;padding-bottom:7px;}
.column2 .text {float:left;width:380px;padding-right:35px;}
.column2 .comment {float:left;width:300px;color:#cc0088;font-size:0.95em;line-height:1.5em;}
.column2 .onethird {float:left;width:225px;padding-right:20px;}
.column2 .onethird.end {padding-right:0;}

.column4{}
.column4 dl {float:left;margin-right:17px;width:222px;}
html>body .column4 dl {float:left;margin-right:20px;width:222px;}
.column4 dl.end {margin-right:0;}
.column4 dt {color:#cc0088;font-size:1.1em;margin-bottom:2px;}
.column4 dt span {background:#cc0088;color:#fff;margin-left:10px;vertical-align:top;padding:2px 5px;font-size:0.8em;}
.column4 dt.thum img {border:1px solid #eee;}
.column4 dd {margin-bottom:5px;}
.column4 dd.thum img {border:1px solid #e6e6e6;}
.column4 dd.catch {margin:15px 0;}
.column4 dd.btn {margin:10px 0  20px 0;}

.column4.closeup {border-top:5px solid #e6e6e6;padding-top:20px;margin-top:10px;}
.point {background:url(../../works/images/titles_others.gif) no-repeat 25px 25px #f7f7f7;padding:25px 25px 25px 240px;margin:20px 0;font-size:0.95em;}


/* path */
.path {margin-top:15px;}
.path span {float:left;background:#f2f2f2;padding:6px 15px;}
#cont a.link.totop {float:right;background:url(../img/global/yain_up.gif) no-repeat #e6e6e6 15px 12px;padding:6px 15px 6px 27px;}
#cont a.link.totop:hover {background:url(../img/global/yain_up.gif) no-repeat #f2f2f2 15px 12px;padding:6px 15px 6px 27px;}


/* 回り込みを防ぐclearfixの設定 */
.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 */