@charset "UTF-8";

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4

FONT CHART 13PX BASED STYLE
10px  77%  : 11px 	85%
12px 	93%  : 13px 	100%
14px 	108% : 15px 	116%
16px 	124% : 17px 	131%
18px 	139% : 19px 	147%
20px 	154% : 21px 	162%
22px 	170% : 23px 	177%
24px 	185% : 25px 	193%
26px 	200%
*/

body {
font:13px/1.231 arial,helvetica,clean,sans-serif;
/* for IE6/7 */ *font-size:small; 
/* for IE Quirks Mode */*font:x-small; 
}
select,input,button,textarea,button{
font:99% arial,helvetica,clean,sans-serif;
}
table{
font-size:inherit;font:100%;
}
pre,code,kbd,samp,tt {
font-family:monospace;*font-size:108%;line-height:100%;
}

/* ELEMENTS
-----------------------*/
html{
overflow-y: scroll;  
}
body{
/*font-family: Arial,helvetica,sans-serif;*/
/*font-family: 'ＭＳ Ｐゴシック',sans-serif;*/
line-height:1.4;
}
* html body {
/*font-family: 'ＭＳ Ｐゴシック',sans-serif;*/
}
*:first-child+html body {
font-family: 'ＭＳ Ｐゴシック',sans-serif;
}
img{
vertical-align:top;
}
a{
zoom:1;
vertical-align:baseline;
color:#ff6600;
line-height:1.4;
}
em{
font-weight:bold;
font-style:normal;
}
/* FOR MOCK UP */
a:hover img{/*
filter : alpha(opacity=50) ;
-moz-opacity : 0.7 ;
opacity : 0.7 ;*/
}
body.home ul.gnav li.gn01 img,
body.about ul.gnav li.gn02 img,
body.consulting ul.gnav li.gn03 img,
body.lecture ul.gnav li.gn04 img,
body.mieruka ul.gnav li.gn05 img{
/*visibility:hidden;*/
/*
filter : alpha(opacity=50) ;
-moz-opacity : 0.7 ;
opacity : 0.7 ;
}
* +html body a img{
color : #fff ;
}
*/
}
ul.link_list li a.opw,
a.opw,
a.opw .bg-l{
background:transparent url(../imgs/m_opw.gif) no-repeat scroll 0 3px;
padding-left:16px;
}
a.opw .bg-l,
a.opw .bg-r{
background-position:0 0;
}

/* for IE BUG */
.inline-bg-fix {
padding:0 !important;
background: none !important;
}
.inline-bg-fix .bg-l {
margin-right: -0.3em;
}
.inline-bg-fix .bg-r {
margin-left: -0.3em;
}

/* LAYOUT
-----------------------*/
body{
/*background:#fcfbf8 url(../imgs/bg_body.gif) bottom repeat-x;*/
}
div#wrapper{
margin:0px auto 0px;
background:#fff url(../imgs/bg_wrapper.gif) top center repeat-x;
color:#333;
}
div#header,
div#footer,
div#contents{
width:860px;
clear:both;
}
div#header{
padding:26px 0 0 0;
margin:0 auto 4px;
font-size:0;
background:#fff url(../imgs/bg_header.gif) top center repeat-x;
}
div#footer_wrapper{
background:url(../imgs/bg_footer_wrapper.gif) repeat-x;
background:#fcfbf8 url(../imgs/bg_body.gif) bottom repeat-x;
}
div#footer_inner{
background:url(../imgs/bg_footer_wrapper.gif) repeat-x
}
div#footer{
padding:26px 0 0;
margin:auto;
background:url(../imgs/bg_footer.gif) repeat-x center bottom;
}
div#contents{
position:relative;
margin:0 auto;
padding-bottom:45px;
}
/* HOME */
body#home #maincol{
float:none;
width:auto;
}
/* ELSE */
div#maincol{
width:600px;
float:right;
display:inline;
margin:0;
}
div#subcol{
width:240px;
float:left;
display:inline;
margin:0;
}

/* HEADER
-----------------------*/
div#header h1.logo,
div#header p.logo{
width:204px;
height:81px;
float:left;
margin-bottom:6px;
}
div#header p.link_about{
width:201px;
height:17px;
float:left;
display:inline;
padding-top:47px;
}

.header_link{
width:201px;
float:left;
display:inline;
padding-top:23px;
}
.header_link .hl01{
margin-bottom:7px;
}






/* UTILITY AREA */
div#header div.utility{
width:342px;
float:right;
display:inline;/*
margin-bottom:14px;*/
height:73px;
}
div#header div.utility div.contact{
margin-bottom:11px;
zoom:1;
}
div#header div.utility div.contact dl{
width:161px;
float:left;
display:inline;
}
div#header div.utility div.contact p{
float:right;
display:inline;
margin-top:4px;
}
div#header div.utility ul.unav{
width:172px;
float:left;
}
div#header div.utility ul.unav li{
float:left;
display:inline;
line-height:0;
}
div#header div.utility ul.unav li.un01{
width:85px;
margin-right:22px;
}
div#header div.utility ul.unav li.un02{
width:65px;
}
div#header div.utility ul.unav li a{
display:block;
}
div#header div.utility dl#fsizechange{
margin:-3px 2px 0 0;
width:134px;
float:right;
display:inline;
height:19px;
}
div#header div.utility dl#fsizechange dt{
float:left;
display:inline;
margin-right:8px;
}
#fsizechange dt img{
margin-top:3px;
}
#fsizechange dd{
margin:0px 1px 0 0;
}
div#header div.utility dl#fsizechange dt,
div#header div.utility dl#fsizechange dd{
float:left;
display:inline;
}
div#header div.utility dl#fsizechange dd{
margin-right:2px;
}
div#header div.utility dl#fsizechange dd.fontL{
margin-right:0px;
}

/* GLOBAL NAVIGATION */
div#header ul.gnav{
clear:both;
zoom:1;
margin-bottom:6px;
background:url(../imgs/gn.jpg) 0 0 no-repeat;
}
div#header ul.gnav li{
float:left;
display:inline;
}
div#header ul.gnav li a img{
display:block;
}
* html body .gnav li a:hover {
background-color:transparent;
}

div#header ul.gnav li a:hover img,
body.about ul.gnav li.gn01 img,
body.consulting ul.gnav li.gn02 img,
body.lecture ul.gnav li.gn03 img,
body.mieruka ul.gnav li.gn04 img{
visibility:hidden;
}

/* BREAD CRUMB */
div#contents p.crumb{
clear:both;
margin-bottom:10px;
font-size:93%;
}

/* FOOTER
-----------------------*/
div#footer div#section01{
border-bottom:1px solid #ccc;
padding-bottom:15px;
margin-bottom:27px;
}
div#footer div#section01 div.unit_fnav{
float:left;
display:inline;
width:632px;
margin-left:30px;
padding:10px 0;
}
div#footer div#section01 div.unit_fnav h4{
float:left;
display:inline;
width:72px;
padding-top:3px;
clear:both;
}
div#footer div#section01 div.unit_fnav h4 img{
vertical-align:bottom;
}
div#footer div#section01 div.unit_fnav ul.fnav01{
border-left:1px solid #ccc;
margin-bottom:10px;
}
div#footer div#section01 div.unit_fnav ul.fnav02{
border-left:1px solid #ccc;
margin-left:84px;
}
div#footer div#section01 div.unit_fnav ul.fnav01 li{
padding:0 15px;
padding:0 5px;
}
div#footer div#section01 div.unit_fnav ul.fnav02 li{
padding:0 10px;
padding:0 9px;
}
div#footer div#section01 div.unit_fnav li{
font-size:86%;
}
div#footer div#section01 div.unit_fnav ul.fnav01 li,
div#footer div#section01 div.unit_fnav ul.fnav02 li{
border-right:1px solid #aeaeae;
float:left;
display:inline;
white-space:nowrap;
zoom:1;
}
div#footer div#section01 ul li a{
color:#666;
}
div#footer div#section02{
margin:0 9px 35px;
}
div#footer div#section02 ul.fnav03{
margin-bottom:4px;
}
div#footer div#section02 ul.fnav03 li{
float:left;
margin-right:27px;
display:inline;
white-space:nowrap;
zoom:1;
}
div#footer div#section02 dl.manage dt{
float:left;
display:inline;
width:73px;
}
div#footer div#section02 dl.manage dd{
margin-left:97px;
font-size:79%;
line-height:16px;
}
div#footer p.logo{
float:left;
display:inline;
width:px;}
div#footer ul.fnav03 li{
float:left;
display:inline;
}
div#footer dl.manage{
clear:both;
}
div#footer dl.manage dt{
width:73px;
float:left;
display:inline;
}
div#footer dl.manage dd{
margin-left:73px;
}
div#footer p.copyright{
text-align:right;
margin-right:20px;
}

/* MAIN COLUMN
-----------------------*/

/* PAGE TOP */
div#contents div#maincol p.page_top{
text-align:right;
clear:both;
padding:10px 0;
zoom:1;
}
/* ANCHOR */
ul.link_list li a,
body.blog div#maincol ul.blog_nav li a,
body.blog div#subcol div.side_cat ul li a,
body.blog div#subcol div.side_recent ul li a,
body#home div#contents div#maincol div#unit02 ol li.block ul li a,
div#subcol div.service li.block ul li a,
a.link01{
background:url(../imgs/bullet01.gif) no-repeat 0 4px;
padding-left:15px;
}
body#home div#contents div#maincol div#unit02 ol li.block ul li a{
padding-left:22px;
}
div#maincol h2.cat_title{
margin-bottom:1.5em;
margin:0 0 21px;
}
div#maincol h2.page_title{
font-size:185%;
font-weight:bold;
margin:0 5px 16px;
}
div#maincol div.section{
margin:0 5px 20px;
margin:0 23px 20px 33px;
position:relative;
}
div#maincol div.section h3{
padding:0 0 14px 7px;
background:url(../imgs/bg_hd02.gif) no-repeat center bottom;
font-weight:bold;
color:#009900;
position:relative;
margin:0 -13px 24px -23px;
zoom:1;
font-size:124%;
/*left:-23px;
right:-13px;*/
}
div#maincol div.section h4{
font-size:124%;
font-weight:bold;
margin:0 -20px 11px;
position: relative;
background:url(../imgs/bg_hd01.jpg) no-repeat left center;
padding:3px 0 0 20px;
zoom:1;
}

div#maincol div.section p{
margin-bottom:1em;
}
div#maincol div.section{
position: relative;
zoom:1;
}

/* SUB COLUMN
-----------------------*/
/* LOCAL NAV */
div#subcol h3{
margin:0;
border-top:4px solid #009900;
}
div#subcol h3.hover{
border-top:4px solid #ff9900;
}
div#subcol div.local{
margin-bottom:34px;
border:1px solid #ccc;
border-top:none;
position:relative;
margin-top:-3px;
}
div#subcol div.local ul{
margin:0px 9px 0 9px;
}
div#subcol div.local ul li{
border-bottom:1px solid #ccc;
margin:3px 0;
padding:5px 0;
}
div#subcol div.local ul li:last-child{
border:none;
}
div#subcol div.local ul li.lastchild{
border:none!important;
}
div#subcol div.local ul ul li.lastchild{
border:none!important;
}
div#subcol div.local ul li a{
color:#009900;
text-decoration:none;
padding:5px 0 4px 30px;
display:block;
background-position:10px 9px;
background-repeat:no-repeat;
background-image:url(../imgs/bullet03.gif);
}
div#subcol div.local ul li a:hover,
div#subcol div.local ul li.stay a,
div#subcol div.local ul li.stay li.stay a{
color:#333;
background-color:#ececec;
display:block;
}
div#subcol div.local ul li.stay ul a:hover{
color:#333;
background-color:#ececec;
}

div#subcol div.local ul li.stay ul a{
color:#009900;
background-color:#ececec;
display:block;
}

div#subcol div.local ul li a:hover{
text-decoration:underline;
}

div#subcol div.local ul ul{
margin:0px 0px 0 9px;
}

div#subcol div.local ul ul li{
border-bottom:0px solid #ccc;
margin:5px 0;
padding:0;
}

div#subcol div.local ul li ul li a{
color:#009900;
text-decoration:none;
padding:1px 0 1px 30px;
display:block;
background-position:15px 9px;
background-repeat:no-repeat;
background-image:url(../imgs/bullet04.gif);
}
div#subcol div.local ul li.stay ul li a{
background-color:#fff;
}
div#subcol div.local ul li.stay ul li.stay a{
background-color:#ececec;
}




div#subcol div.banner{
margin:34px 0 23px;
}
div#subcol div.banner dl dd{
font-size:85%;
padding:8px 12px 10px 11px;
padding:3px 12px 10px 11px;
border:1px solid #ccc;
border-top:none;
margin-bottom:9px;
margin-top:-3px;
}

/* 0426 */

div#subcol div.banner dl dd ul{
margin:3px 0 10px 8px;
}
div#subcol div.banner dl dd ul li{
margin-bottom:5px;
font-size:116%;
}
div#subcol div.banner dl dd ul li a{
color:#333;
text-decoration:none;
}
div#subcol div.banner dl dd ul li a:hover{
text-decoration:underline;
}

div#subcol div.service{
background:url(../imgs/bg_subcol_service.gif);
padding:15px 0 0;
}
div#subcol div.service h4,
div#subcol div.service ol{
margin:0 0 14px 14px;
}
div#subcol div.service li.block{
margin-bottom:14px;
}
div#subcol div.service li.block ul{
padding:10px 0;
}
div#subcol div.service li.block ul li a{
color:#333;
text-decoration:none;
}
div#subcol div.service li.block ul li a:hover{
text-decoration:underline;
}
/* IMAGE
-----------------------*/
.image{
text-align:center;
}
.imgL{
float:left;
display:inline;
margin-right:10px;
line-height:1;
zoom:1;
}
.imgR{
float:right;
display:inline;
margin-left:10px;
line-height:1;
zoom:1;
}/*
.frame,
img.photo{
border:1px solid #ccc;
padding:3px;
}*/

/* STYLED ELEMENTS
-----------------------*/
table.base{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
border-collapse:separate;
margin-bottom:20px;
}
table.base th,
table.base td{
padding:5px 10px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
table.base th{
vertical-align:top;
}
table.spec th{
width:150px;
background:#fafafa;
padding:10px 15px;
vertical-align:top;
}
table.spec th em{
display:block;
margin-bottom:0.5em;
}
table.spec td{
width:397px;
padding:10px 15px;
}
table.spec td.priceR{
text-align:right;
}
ul.base,
ol.base,
dl.base{
margin-bottom:20px;
}
ul.base li{
list-style:disc inside;
}
ol.base li{
list-style:decimal inside;
}
dl.base dt,
dl.base dd{
margin-bottom:10px;
}