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


/* RESET */
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:12px 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* clear */
.clear,
.asset-body,
#contents {
    zoom: 1;
}
.clear:after,
.asset-body:after,
#contents:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

/* SEARCH */
#search #header {
    width: 900px;
    height: 100px;
    background: url(../img/searchMainVisual.jpg) no-repeat left top;
}
body#search {
    background: #231916 url(../img/searchBGbody.jpg) repeat-x left top;
}
/* ERROR */
body#err #blog_side_column {
    padding: 50px 0 0 0;
}
body#err {
    background: #231916 url(../img/searchBGbody.jpg) repeat-x left top;
}
#err #header {
    width: 900px;
    height: 100px;
    background: url(../img/errMainVisual.jpg) no-repeat left top;
}
/* INQUIRY */
body#mailform #blog_side_column {
    padding: 50px 0 0 0;
}
body#mailform {
    background: #231916 url(../img/searchBGbody.jpg) repeat-x left top;
}
#mailform #header {
    width: 900px;
    height: 100px;
    background: url(../img/Inquiry_mainVisual.jpg) no-repeat left top;
}
/* EDIT POLICY */
body#policy #blog_side_column {
    padding: 40px 0 0 0;
}
body#policy {
    background: #231916 url(../img/searchBGbody.jpg) repeat-x left top;
}
#policy #header {
    width: 900px;
    height: 100px;
    background: url(../img/EditPolicy_mainVisual.jpg) no-repeat left top;
}
/* */
body {
    background: #231916 url(../img/BGbody.jpg) repeat-x left top;
}

a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
#wrapper {
    margin: 0 auto;
    width: 900px;
}
#header {
    width: 900px;
    height: 240px;
    background: url(../img/mainVisual.jpg) no-repeat left top;
}
#header li {
    font-size: 11px;
    line-height: 40px;
    text-align: center;
    color: #FFFFFF;
}
#header li a {
    text-decoration: none;
    color: #FFFFFF;
}
#header li a:hover {
    text-decoration: underline;
}
#head_area {
    font-size: 11px;
    height: 31px;
    background: url(../img/BG_head_area.gif) repeat-x left top;
}
#head_area p.feed {
    float: right;
    margin: 0 10px 0 0;
    padding: 0 0 0 20px;
    background: url(../img/icon_rss.gif) no-repeat left center;
    line-height: 30px;
}
#head_area p.feed a {
    color: #FFFFFF;
}
#head_area dl.search {
    padding: 0 0 0 11px;
    float: left;
}
#head_area dl.search dd {
    padding: 6px 0 0 0;
    float: left;
}
* html body #head_area dl.search dd {
    padding: 5px 0 0 0;
}
*+html body #head_area dl.search dd {
    padding: 5px 0 0 0;
}
#head_area dl.search dd input.box {
    padding: 3px 0 0 10px;
    border: none;
    width: 133px;
    height: 15px;
    background: url(../img/BGsearch_box.gif) no-repeat left top;
    color: #999999;
}
* html body #head_area dl.search dd input.box {
    padding: 0 0 0 10px;
    height: 18px;
}
#head_area dl.search dt {
    padding: 6px 0 0 0;
    float: left;
}
/*----------------------------------
*/
#contents {
    background-color: #FFFFFF;
}
/*----------------------------------
*/
#left_column {
    margin: 0 4px;
    padding: 3px 0 0 0;
    display: inline;
    float: left;
    width: 192px;
}
#left_column dl {
    clear: both;
}
#left_column dt img {
    display: block;
}
#left_column dd.tag {
    padding: 5px;
    margin: 0 0 14px 0;
    border-left: 2px solid #F2F2E8;
    border-right: 2px solid #F2F2E8;
    border-bottom: 2px solid #F2F2E8;
}
#left_column dd.waza {
    padding: 7px 0 0 0;
}
#left_column dd.ima {
    padding: 7px 9px;
    border-left: 2px solid #F2F2E8;
    border-right: 2px solid #F2F2E8;
    border-bottom: 2px solid #F2F2E8;
}

#left_column p.link a {
    font-size: 8pt;
    line-height: 1.3;
    float: right;
    margin: 10px 0 20px 0;
    padding: 0 0 0 12px;
    background: url(../img/icon_more_link.gif) no-repeat left center;
    color: #4260C2;
}

/*------------------------------
*/
#center_column {
    padding: 3px 0 0 0;
    float: left;
    width: 470px;
}
#center_column .center_flash {
    margin: 0 0 4px 0;
}
#center_column .center_banner {
    margin: 0 0 4px 0;
}
#center_column dl.index_column {
    width: 468px;
    margin: 0 0 4px 0;
    background-color: #FAFAF0;
    border-left: 1px solid #F2F2E8;
    border-right: 1px solid #F2F2E8;
}
#center_column dl.index_column dt {
    padding: 25px 10px 20px 10px;
    background: url(../img/BG_main_head.gif) no-repeat left top;
}
#center_column dl.index_column dd {
    background: url(../img/BG_main_foot.gif) repeat-x left bottom;
    padding: 0 10px 22px 10px;
}
#center_column dl.index_column dd img {
    margin: 0 10px 0 0;
    float: left;
}
#center_column p.date {
    line-height: 1.6;
    font-size: 8pt;
    padding: 0 0 10px 0;
}
#center_column p.sbj {
    line-height: 1.6;
    padding: 0 0 10px 0;
    font-weight: bold;
}
#center_column p.sbj a {
    color: #61651E;
}
#center_column p.text {
    line-height: 1.6;
    color: #666666;
}
#center_column p.link {
    font-size: 8pt;
    line-height: 1.6;
    color: #4260C2;
}
#center_column p.link a {
    line-height: 1.6;
    padding: 0 0 0 12px;
    background: url(../img/icon_more_link.gif) no-repeat left center;
    color: #4260C2;
}
/* */
#center_column dl.index_section {
    width: 470px;
}
#center_column dl.index_section dt.datacenter {
    background: url(../img/BG_datacenter.gif) repeat-x left top;
}
#center_column dl.index_section dt.reportage {
    background: url(../img/BG_reportage.gif) repeat-x left top;
}
#center_column dl.index_section dt.gravure {
    background: url(../img/BG_gravure.gif) repeat-x left top;
}
#center_column dl.index_section dt img {
    float: left;
}
#center_column dl.index_section dt span {
    font-size: 8pt;
    padding: 0 10px;
    color: #FFFFFF;
    line-height: 22px;
    float: right;
}
#center_column dl.index_section dd {
    margin: 0 0 4px 0;
    border-bottom: 1px solid #DCDDDD;
    padding: 10px 10px 10px 0;
    background: url(../img/BGindex_section.gif) repeat-y left top;
}
#center_column dl.index_section dd img {
    margin: 0 10px 0 0;
    float: left;
}
/*---------------------*/
#right_column {
    display: inline;
    margin: 0 5px 0 0;
    padding: 3px 0 0 0;
    float: right;
    width: 220px;
}
#right_column .garakutayousei {
    margin: 0 0 10px 0;
}
#right_column .garakutayousei h3 {
    margin: 0 0 2px 0;
}
#right_column .shakanhon h3 {
    margin: 0 0 10px 0;
}
#right_column .shakanhon dl {
    margin: 0 0 5px 0;
    background: url(../img/BGuserBox.gif) repeat-y left top;
}
#right_column dd.pic {
    float: right;
}
#right_column dd.pic img {
    width: 55px;
    height: 55px;
}
#right_column .shakanhon dt {
    width: 133px;
    float: left;
    margin: 0 0 17px 0;
    padding: 0 15px;
    line-height: 21px;
    background: url(../img/BG_blog_user.jpg) no-repeat left top;
}
#right_column .shakanhon dt a {
    color: #FFFFFF;
}
#right_column .garakutayousei dt a {
    line-height: 1.6;
    font-weight: bold;
    color: #000000;
}
#right_column dd.date {
    width: 130px;
    font-size: 8pt;
    padding: 0 10px;
}
#right_column dd.sbj {
    line-height: 1.6;
    padding: 5px 10px 0px 10px;
    clear: both;
    font-weight: bold;
    color: #61651E;
}
#right_column dd.sbj a {
    color: #61651E;
}
}
#right_column .garakutayousei dd.text {
    color: #666666;
    line-height: 1.6;
    background: url(../img/BGuserBox.gif) no-repeat left bottom;
    padding: 0 10px 10px 10px;
    border-bottom: 1px solid #DCDDDD;
}
#right_column .shakanhon dd.text {
    color: #666666;
    line-height: 1.6;
    background: url(../img/BGuserBoxBtm.gif) no-repeat left bottom;
    padding: 0 10px 10px 10px;
}
#right_column dd.text span {
    color: #4260C2;
    font-size: 11px;
}
#right_column dd.text span a {
    padding: 0 0 0 12px;
    background: url(../img/icon_more_link.gif) no-repeat left center;
    color: #4260C2;
}
#right_column .garakutayousei dl {
    margin: 0 0 5px 0;
    padding: 5px 0 0 0;
    background: url(../img/BGuserBox.gif) repeat-y left top;
    border-top: 1px solid #DCDDDD;
    border-bottom: 1px solid #DCDDDD;
}
#right_column .garakutayousei dt {
    width: 133px;
    float: left;
    padding: 0 15px;
    margin: 10px 0;
    line-height: 20px;
}

#footer {
    position: relative;
    color: #FFFFFF;
    padding: 14px 0 30px 0;
    clear: both;
}
#footer a.ricoh {
    float: left;
    overflow: hidden;
    text-indent: -9999px;
    width: 70px;
    height: 12px;
    background: url(../img/footComName2.gif) no-repeat left top;
    display: block;
}
#footer a.gaiaia {
    float: left;
    overflow: hidden;
    text-indent: -9999px;
    width: 208px;
    height: 12px;
    background: url(../img/footComName1.gif) no-repeat left top;
    display: block;
}
#footer ul {
    position: absolute;
    right: 0px;
    bottom: 30px;
    font-size: 10px;
}
#footer ul li {
    padding: 0 20px 0 0;
    float: left;
}
#footer ul li a {
    color: #FFFFFF;
}
#footer ul li.copyright {
    padding: 0 0 0 0;
    float: left;
}

/*-----------------------
*/
.widget-list li {
    /*white-space: nowrap;*/
    display: inline;
}
.widget-list li a {
    color: #757A59;
    margin: 0 4px 0 0;
    line-height: 1.3;
}
.widget-list li a:hover {
    text-decoration: underline ;
}

.widget-tag-cloud #tag_list li.rank-1 a { font-size: 18px; color:#61692d ; }
.widget-tag-cloud #tag_list li.rank-2 a { font-size: 17px; color:#989d76 ; }
.widget-tag-cloud #tag_list li.rank-3 a { font-size: 16px; color:#6f7231 ; }
.widget-tag-cloud #tag_list li.rank-4 a { font-size: 15px; color:#6f763f ; }
.widget-tag-cloud #tag_list li.rank-5 a { font-size: 14px; color:#7d8352 ; }
.widget-tag-cloud #tag_list li.rank-6 a { font-size: 14px; color:#7d8352 ; }
.widget-tag-cloud #tag_list li.rank-7 a { font-size: 13px; color:#6f7231 ; }
.widget-tag-cloud #tag_list li.rank-8 a { font-size: 13px; color:#6f763f ; }
.widget-tag-cloud #tag_list li.rank-9 a { font-size: 13px; color:#61692d ; }
.widget-tag-cloud #tag_list li.rank-10 a { font-size: 10px; color:#989d76 ; }

/*----------------------------
BLOG
*/
#blog_side_column {
    display: inline;
    margin: 0 0 30px 15px;
    padding: 10px 0 0 0;
    width: 225px;
    float: left;
}
#blog_side_column dl.desc dt {
    margin: 0 0 15px 0;
}
#blog_side_column dl.desc dd {
    border-bottom: 1px solid #CCCCCC;
    margin: 0 0 15px 0;
    padding: 0 0 30px 0;
    color: #595757;
    line-height: 1.7;
    font-size: 10px;
}
#blog_side_column dl.user {
    margin: 0 0 15px 0;
    border-bottom: 1px solid #CCCCCC;
}
#blog_side_column dl.user dt {
    line-height: 20px;
    background: url(../img/BGblogSideNameBar.jpg) no-repeat left top;
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
}
#blog_side_column dl.user dt a {
    color: #FFFFFF;
}
#blog_side_column dl.user dd.pics {
    padding: 0 0 0 10px ;
    float: left;
}
#blog_side_column dl.user dd.text {
    width: 150px;
    float: right;
    padding: 0 0 30px 0;
    color: #595757;
    line-height: 1.7;
    font-size: 10px;
}
#blog_side_column dl.tag {
    margin: 0 auto;
    width: 210px;
}
#tag_list {
    display: none;
}
#blog_side_column dl.tag dt {
    overflow: hidden;
    text-indent: -9999px;
    width: 210px;
    height: 20px;
    background: url(../img/BGdlTag.jpg) no-repeat left top;
    margin: 0 0 15px 0;
}
#blog_side_column dl.tag dd {
    border-bottom: 1px solid #CCCCCC;
    margin: 0 0 15px 0;
    padding: 0 0 30px 0;
    color: #595757;
    line-height: 1.7;
    font-size: 10px;
}
/*---------------------------
*/
#blog_side_column h3 {
    color: #595757;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 7px 0;
    font-size: 12px;
}
#blog_side_column .widget {
    border-bottom: 1px solid #CCCCCC;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
}
#blog_side_column .widget li {
    line-height: 1.8;
    font-size: 10px;
}
#blog_side_column .widget li a {
    text-decoration: underline;
    color: #80804E;
}
#blog_side_column .widget li a:hover {
    text-decoration: none;
}
#blog_side_column .widget-content li {
    display:inline;
}

#blog_side_column .widget-tag-cloud #tag_list li a {
    text-decoration: none;
}

#blog_side_column .widget-tag-cloud #tag_list li a:hover {
    text-decoration: underline;
}

#blog_side_column p.side_info {
    color: #595757;
    font-size: 10px;
    line-height: 1.8;
}
#blog_side_column p.side_info a {
    text-decoration: underline;
    color: #61651E;
}
#blog_side_column p.side_info a:hover {
    text-decoration: none;
}
/*------------------------------*/
#blog_main_column {
    display: inline;
    margin: 0 0 0 15px;
    padding: 10px 0 20px 0;
    width: 645px;
    float: right
}
#blog_main_column .entry {
    width: 626px;
}
#blog_main_column .entry p.date {
    margin: 0 0 20px 0;
    color: #000000;
    font-size: 14px;
}
#blog_main_column .entry h2 {
    margin: 0 0 20px 0;
    line-height: 1.2;
    font-size: 18px;
}
#blog_main_column .entry h2 a {
    text-decoration: underline;
    font-weight: bold;
    color: #61651E;
    line-height: 1.2;
    font-size: 18px;
}
#blog_main_column .entry .blog_img {
    margin: 0 0 20px 0;
}
#blog_main_column .entry .asset-body {
    padding: 0 0 40px 0;
    line-height: 1.8;
    color: #595757;
}
#blog_main_column .entry .LINKbloglist {
    clear: both;
}
#blog_main_column .entry .LINKbloglist a {
    line-height: 1.4;
    background: url(../img/linkicon.gif) no-repeat left center;
    padding: 0 0 0 15px;
}
/*--------------------
BLOG LIST
*/
.content-nav {
    padding: 0 20px 0 0;
    float: right;
}
#blog_main_column p.pageSubject {
    color: #595757;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.6;
    margin: 0 0 10px 0;
    padding: 0 15px;
}
#blog_main_column p.pageSubject span {
    color: #FF5353;
}
#blog_main_column .blogList {
    width: 642px;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    background: url(../img/BGblogList.gif) no-repeat left bottom;
}
#blog_main_column .blogList .inner {
    padding: 5px 0 0 0;
    background: url(../img/BGblogListInner.gif) no-repeat left top;
}
#blog_main_column .blogList .inner dl {
    padding: 4px 9px 0 9px;
    border-left: 1px solid #D1D1BD;
    border-right: 1px solid #D1D1BD;
}
#blog_main_column .blogList .inner dl dt {
    display: inline;
    margin: 0 10px 0 0;
    float: left;
}
#blog_main_column .blogList .inner dl dd p.date {
    height: 1.5em;
}
#blog_main_column .blogList .inner dl dd p.title {
    height: 1.5em;
}
#blog_main_column .blogList .inner dl dd p.title a {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
    color: #61651E;
}
#blog_main_column .blogList .inner dl dd p.text {
    color: #595757;
    line-height: 1.8;
    font-size: 10px;
    height: 3em;
}
#blog_main_column .blogList .inner dl dd p.text span {
    color: #4260C2;
    font-size: 11px;
}
#blog_main_column .blogList .inner dl dd p.text span a {
    padding: 0 0 0 12px;
    background: url(../img/icon_more_link.gif) no-repeat left center;
    color: #4260C2;
}



/*---------------------
ERROR
*/
.err {
    padding: 40px 0 0 0;
}
.err h2 {
    margin: 0 0 10px 0;
}
.err p {
    margin: 0 15px 200px 0;
    line-height: 1.7;
    color: #595757;
}

/*---------------------
EDIT POLICY
*/
.policy {
    padding: 40px 0 0 0;
    color: #595757;
}
.policy h2 {
    margin: 0 0 10px 0;
}
.policy h3 {
    margin: 20px 0 0 0;
}
.policy p {
    line-height: 1.8;
    margin: 20px 15px 0 0;
}
.policy dl {
    margin: 0 0 20px 0;
}
.policy dt {
    line-height: 1.7;
    margin: 20px 0 0 0;
}
.policy dd {
    line-height: 1.7;
    margin: 0 170px 0 30px;
}

/*---------------------
FONT SIZE CONTROLLER
*/
#head_area div.fontsize {
	width: 200px;
    float: right;
    line-height: 30px;
    color: #FFFFFF;
}
#head_area div.fontsize .label{
	float: left;
}
#head_area div.fontsize ul
{
	float: left;
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0px;
}
#head_area div.fontsize li
{
	float: left;
	width: 18px;
	height: 17px;
	margin: 0 0 0 5px;
	padding: 0px;
}
#head_area div.fontsize .small_btn
{
	background-image: url(../img/S_in.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 18px;
	height: 17px;
}
#head_area div.fontsize .middle_btn
{
	background-image: url(../img/M_out.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 18px;
	height: 17px;
}

#head_area div.fontsize .large_btn
{
	background-image: url(../img/L_out.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 18px;
	height: 17px;
}


/* 20091014 */
.gaiaia_column {
    margin: 0 0 15px 0;
}
.gaiaia_column img {
    display: block;
}
.gaiaia_column dt,
.gaiaia_column dd {
    margin: 0 0 1px 0;
}
#center_column p.blogname_date {
    color: #535353;
    margin: 0 0 10px 0;
}
#center_column span.link {
    font-size: 8pt;
    line-height: 1.6;
    color: #4260C2;
}
#center_column span.link a {
    line-height: 1.6;
    padding: 0 0 0 12px;
    background: url(../img/icon_more_link.gif) no-repeat left center;
    color: #4260C2;
}
#center_column div#entry_list {
    margin: 0 0 10px 0;
    background: url(../img/BG_main_foot.gif) repeat-x left bottom;
}
#center_column div#entry_list dl.index_section dd {
    margin: 0 0 4px 0;
    border-bottom: none;
    padding: 10px 10px 10px 0;
    background: url(../img/BG_section_indexBTM.gif) no-repeat left top;
}
#center_column div#entry_list dl.index_section dd.first {
    background: none;
}
#center_column div#entry_list dl.index_section dt {
    padding: 15px 0 0 0;
    background: url(../img/BG_main_foot.gif) repeat-x left top;
}
#center_column div#entry_list dl.index_section dt span {
    font-size: 9pt;
    color: #4260C2;
    float: none;
    padding: 0 0 0 15px;
    background: url(../img/icon_more_link.gif) no-repeat left center;
}
#center_column .center_banner {
    margin: 0 0 10px 0;
}
.recruitment {
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #E4E4D0;
}
.recruitment p {
    text-indent: 1em;
    color: #4260C2;
    background: url(../img/icon_more_link.gif) no-repeat 0px 3px;
}
.recruitment p a {
    color: #4260C2;
}

/* 2010.02.14 */
dd.pickup_topics li a
{
	color:#996699;
	padding: 0 0 0 12px;
	background:transparent url(../img/pickup_header_img.gif) no-repeat scroll left center;
}
dd.pickup_topics li {
	padding: 8px 8px 8px 8px;
	background:transparent url(../img/pickup_line.gif) no-repeat scroll left top;
}

dd.pickup_topics ul
{
	background:transparent url(../img/pickup_line.gif) no-repeat scroll left bottom;
}
dd.pickup_topics
{
	color:#996699;
	font-weight:bold;
	padding: 0 0 10px 0;
}