@charset "UTF-8";

html{
	overflow-y:scroll;
}

body{
	color:#666666;
	margin:0 auto;
	padding:0;
	font-family:Verdana,Arial,Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-size:12px;
	line-height:1.5;
	background-color:#cccccc;
}
*:first-child+html body{font-family:Meiryo,"メイリオ",Verdana,Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",	Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;	}
* html body{font-family:Meiryo,"メイリオ",Verdana,Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;}

h1,h2,h3,h4,h5,h6,p,input,form,ul,ol,li,dl,dt,dd,hr,td,th{
	margin: 0;
	padding: 0;
}


img{ border: none;}
ul,li{	list-style-type:none;}
hr{ display:none;}
table{border-collapse:collapse;}

blockquote{
	margin-left:1em;
	padding-left:1em;
	border-left:2px solid #CCCCCC;
	color:#AAAAAA;
}

pre{
	width:100%;
	padding:1em 0;
	overflow:auto;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
}

em{
	font-style:normal;
	font-weight:bold;
	font-size:1.2em !important;
}



.l_txt{	text-align:left !important;}
.cen_txt{ text-align:center !important;}
.r_txt{ text-align:right !important;}

.font_txt_s{ font-size:10px;}
.font_txt_m{ font-size:12px;}
.font_txt_l{ font-size:14px;}
.font_txt_l2{ font-size:18px;}
.nobold{ font-weight:normal !important;}

.col_txt_gray{ color:#333333;}

.pad_all_02em{ margin:0.2em 0}


.pad_head_0{margin-top:0 !important;}
.pad_head_05em{margin-top:0.5em !important;}
.pad_head_1em{margin-top:1em !important;}
.pad_head_2em{margin-top:2em !important;}
.pad_head_3em{margin-top:3em !important;}
.pad_head_4em{margin-top:4em !important;}
.pad_head_5em{margin-top:5em !important;}

.pad_head_10px{margin-top:10px !important;}
.pad_head_15px{margin-top:15px !important;}
.pad_head_18px{margin-top:18px !important;}
.pad_head_20px{margin-top:20px !important;}
.pad_head_25px{margin-top:25px !important;}
.pad_head_30px{margin-top:30px !important;}
.pad_head_40px{margin-top:40px !important;}
.pad_head_50px{margin-top:50px !important;}


.pad_foot_0{margin-bottom:0 !important;}
.pad_foot_05em{margin-bottom:0.5em !important;}
.pad_foot_1em{margin-bottom:1em !important;}
.pad_foot_2em{margin-bottom:2em !important;}
.pad_foot_3em{margin-bottom:3em !important;}
.pad_foot_4em{margin-bottom:4em !important;}
.pad_foot_5em{margin-bottom:5em !important;}
.pad_foot_10px{margin-bottom:10px !important;}
.pad_foot_15px{margin-bottom:15px !important;}
.pad_foot_20px{margin-bottom:20px !important;}
.pad_foot_25px{margin-bottom:25px !important;}
.pad_foot_30px{margin-bottom:30px !important;}
.pad_foot_40px{margin-bottom:40px !important;}
.pad_foot_50px{margin-bottom:50px !important;}



.pad_l_05em{ margin-left:0.5em !important;}
.pad_l_1em{	margin-left:1em !important;}
.pad_l_2em{	margin-left:2em !important;}

.pad_r_05em{margin-right:0.5em !important;}
.pad_r_1em{	margin-right:1em !important;}
.pad_r_2em{	margin-right:2em !important;}



#wrap .ov a:hover img{
	filter: alpha(opacity=80);
	opacity: 0.8;
}

/*clearfix*/
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear{display:inline-table; zoom:1;}
/* ¥*/
* html .clear{height:1%;}
.clear{display:block;}
/* */



/*link
--------------------------------*/
a{color: #2b52a9; text-decoration: none;}
a:visited{color: #2b52a9; text-decoration: none;}
a:hover{color: #2b52a9;	text-decoration: underline;}
a:active{color: #2b52a9; text-decoration: none;}


/*h
--------------------------------*/


/*layout
--------------------------------*/
#wrapper{}

#wrap{ background-color:#ffffff;}


#header{
	width:900px;
	height:72px;
	margin:0 auto;
}

#gnavi{
	background-image:url(../img/bg_navi.gif);
	background-repeat:repeat-x;
	margin-bottom:5px;
	padding-bottom:3px;
}




#main_img{
	width:900px;
	margin:0 auto;
}

#wrap #contents{
	width:900px;
	background-image:url(../img/bg_l_side.gif);
	background-repeat:repeat-y;
	background-position:left top;
	position:relative;
	clear:both;
	margin:0 auto 15px auto;
}





#footer{
	height:119px;
	clear:both;
	background-image:url(../img/bg_footer.gif);
	background-repeat:repeat-x;
	background-position:0;
	overflow:hidden;
}


/*header
--------------------------------*/
#header #head_l{
	width:350px;
	float:left;
	padding-top:28px;
}

#header #head_l #logo{
	width:166px;
	float:left;
}

#header #head_l #sub_txt{ padding-top:17px;}

#header #head_r{
	width:520px;
	float:right;
	position:relative;
	margin-top:10px;
}
/*言語セレクト*/
#header #head_r #lang_area{
	width:60px;
	margin:0 0 0 auto;
}

/*言語*/
#header #head_r ul#lang_box{
	width:113px;
	height:22px;
	margin:0 0 0 auto;
}

#header #head_r ul#lang_box li{
	float:left;
	height:22px;
	background-image:url(../img/bt_lang.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
}

#header #head_r ul#lang_box li a{
	display:block;
	overflow:hidden;
	height:0 !important;
	height /**/: 22px ;
	padding-top:22px;
	background-image:url(../img/bt_lang.gif);
	background-repeat:no-repeat;
}

#header #head_r ul#lang_box li#lang_ja,
#header #head_r ul#lang_box li#lang_ja a{ width:59px;}
#header #head_r ul#lang_box li#lang_en,
#header #head_r ul#lang_box li#lang_en a{ width:54px;}

#header #head_r ul#lang_box li#lang_ja a,
#header #head_r ul#lang_box li#lang_ja{ background-position:0 0;}
#header #head_r ul#lang_box li#lang_en a,
#header #head_r ul#lang_box li#lang_en{ background-position:-59px 0;}

#header #head_r ul#lang_box li#lang_ja a:hover{ background-position:0 -22px;}
#header #head_r ul#lang_box li#lang_en a:hover{ background-position:-59px -22px;}

#header #head_r ul.stay_ja li#lang_ja a{ background-position:0 -22px !important;}
#header #head_r ul.stay_en li#lang_en a{ background-position:-59px -22px !important;}

/*サブテキストリンク*/
#header #head_r ul#sub_navi{
	position:absolute;
	top:34px;
	right:0;
}

#header #head_r ul#sub_navi li{
	float:left;
	margin-right:20px;
	font-size:10px;
}

#header #head_r ul#sub_navi li img{ vertical-align:bottom;}
#header #head_r ul#sub_navi li a{
	background-image:url(../img/ic_arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:8px;
}

#header #head_r ul#sub_navi li#ricoh_logo{
	margin-right:0;
	padding-top:0 !important;
}

#header #head_r ul#sub_navi li#ricoh_logo a{
	background-image:none;
	padding-left:0;
}


/*gnavi
--------------------------------*/
#gnavi #navi{
	width:900px;
	margin:0 auto 0 auto;
	position:relative;
}

#gnavi #navi ul#gnavi_box{
	width:900px;
	float:left;
}
	
#gnavi #navi ul#gnavi_box li{
	float:left;
	height:40px;
}

#gnavi #navi ul#gnavi_box li a{
	display:block;
	overflow:hidden;
	height:0 !important;
	height /**/: 40px ;
	padding-top:40px;
	background-image:url(../img/gnavi.gif);
	background-repeat:no-repeat;
}

#gnavi #navi ul#gnavi_box li#gnavi_about,
#gnavi #navi ul#gnavi_box li#gnavi_about a{ width:149px;}
#gnavi #navi ul#gnavi_box li#gnavi_howto,
#gnavi #navi ul#gnavi_box li#gnavi_howto a{ width:150px;}
#gnavi #navi ul#gnavi_box li#gnavi_special,
#gnavi #navi ul#gnavi_box li#gnavi_special a{ width:150px;}
#gnavi #navi ul#gnavi_box li#gnavi_gallery,
#gnavi #navi ul#gnavi_box li#gnavi_gallery a{ width:150px;}
#gnavi #navi ul#gnavi_box li#gnavi_download,
#gnavi #navi ul#gnavi_box li#gnavi_download a{ width:150px;}
#gnavi #navi ul#gnavi_box li#gnavi_support,
#gnavi #navi ul#gnavi_box li#gnavi_support a{ width:151px;}


/*通常*/
#gnavi #navi ul#gnavi_box li#gnavi_about a{  background-position:0 0;}
#gnavi #navi ul#gnavi_box li#gnavi_howto a{  background-position:-150px 0;}
#gnavi #navi ul#gnavi_box li#gnavi_special a{  background-position:-300px 0;}
#gnavi #navi ul#gnavi_box li#gnavi_download a{  background-position:-450px 0;}
#gnavi #navi ul#gnavi_box li#gnavi_gallery a{  background-position:-600px 0;}
#gnavi #navi ul#gnavi_box li#gnavi_support a{  background-position:-751px 0;}


/*オーバー*/
#gnavi #navi ul#gnavi_box li#gnavi_about a:hover{  background-position:0 -40px;}
#gnavi #navi ul#gnavi_box li#gnavi_howto a:hover{  background-position:-150px -40px;}
#gnavi #navi ul#gnavi_box li#gnavi_special a:hover{  background-position:-300px -40px;}
#gnavi #navi ul#gnavi_box li#gnavi_download a:hover{  background-position:-450px -40px;}
#gnavi #navi ul#gnavi_box li#gnavi_gallery a:hover{  background-position:-600px -40px;}
#gnavi #navi ul#gnavi_box li#gnavi_support a:hover{  background-position:-751px -40px;}


/*現在地*/
#gnavi #navi ul.stay_about li#gnavi_about a{  background-position:0 -40px !important;}
#gnavi #navi ul.stay_howto li#gnavi_howto a{  background-position:-150px -40px !important;}
#gnavi #navi ul.stay_special li#gnavi_special a{  background-position:-300px -40px !important;}
#gnavi #navi ul.stay_download li#gnavi_download a{  background-position:-450px -40px !important;}
#gnavi #navi ul.stay_gallery li#gnavi_gallery a{  background-position:-600px -40px !important;}
#gnavi #navi ul.stay_support li#gnavi_support a{  background-position:-751px -40px !important;}

/*検索*/
#gnavi #search_box{
	width:230px;
	height:19px;
	float:right;
	padding-top:10px;
}

#gnavi #search_box .form_txt{
	width:136px;
	margin:0 6px 0 6px;
}

#gnavi #search_box img,
#gnavi #search_box input{ vertical-align:middle;}





/*#下層共通
--------------------------------*/
/*レイアウト contents*/
#wrap #contents #l_side{
	width:220px;
	float:left;
}

#wrap #contents #main{
	width:660px;
	float:right;
	padding-top:0;
}

#wrap #contents #main #sub_main{
	width:460px;
	float:left;
}

#wrap #contents #main #r_side{
	width:180px;
	float:right;
}



/*#l_side 
************************************/
#wrap #contents #l_side .l_side_head{
	width:220px;
	height:5px;
	background-image:url(../img/bg_l_side_head.gif);
	background-repeat:no-repeat;
}

#wrap #contents #l_side .l_side_foot{
	width:220px;
	height:5px;
	background-image:url(../img/bg_l_side_foot.gif);
	background-repeat:no-repeat;
	position:absolute;
	bottom:0;
	left:0:
}

#wrap #contents #l_side h2{
	width:175px;
	margin:10px auto 0 auto;
	border-bottom:solid 1px #dbdee3;
	border-top:solid 1px #dbdee3;
	padding:13px 0 11px 15px;
	line-height:1;
	font-size:10px;
}

#wrap #contents #l_side h2.underline{
	border-top:none !important;
	margin-top:0 !important;
}

#wrap #contents #l_side ul.snavi{
	width:190px;
	margin:0 auto 15px auto;
}

#wrap #contents #l_side ul.snavi li{
	padding:12px 0 14px 26px;
	border-bottom:solid 1px #dbdee3;
	background-image:url(../img/ic_arrow2.gif);
	background-repeat:no-repeat;
	background-position:15px 18px;
}

#wrap #contents #l_side ul.snavi li.border_top{	border-top:solid 1px #dbdee3 !important; padding-top:13px !important; margin-top:10px !important;}

#wrap #contents #l_side ul.snavi li.stay a{ color:#408eff !important;}

/*バナー*/
#wrap #contents #l_side ul.sbn_list{
	width:190px;
	margin:0 auto;
}

#wrap #contents #l_side ul.sbn_list li{ text-align:center;}

/*h*/
#wrap #contents #main h2{ margin-bottom:20px;}
#wrap #contents #main h3{ margin-bottom:20px; clear:both;}
#wrap #contents #main p{ margin-bottom:1em;}


/*画像余白*/
img.l_img{ padding:0 13px 30px 0;}
img.r_img{ padding:0 0 30px 13px;}

.bt_pagetop{
	padding:25px 0 0 0;
	text-align:right;
	clear:both;
}



/*角丸枠 中*/
#wrap #contents #main dl.waku_m_list{
	width:210px;
	float:left;
	margin:0 15px 15px 0;
	background-image:url(../img/bg_waku_m.gif);
	background-repeat:repeat-y;
}

#wrap #contents #main dl.waku_m_list dt{
	background-image:url(../img/bg_waku_m_head.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:19px 13px 0 13px;
}

#wrap #contents #main dl.waku_m_list dt img{ margin-bottom:20px;}

#wrap #contents #main dl.waku_m_list dd{
	background-image:url(../img/bg_waku_m_foot.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0 13px 1px 13px;
}

#wrap #contents #main dl.waku_m_list dd span{
	display:block;
}

#wrap #contents #main dl.waku_m_list dd span.txt{ margin-bottom:10px;}
#wrap #contents #main dl.waku_m_list dd span.img{ text-align:center;}
#wrap #contents #main dl.waku_m_list dd span.img img{ vertical-align:top;}

#wrap #contents #main dl.nopad{ margin-right:0 !important;}


#wrap #contents #main .ic_arrow{
	text-align:right;
}

#wrap #contents #main .ic_arrow a{
	background-image:url(../img/ic_arrow2.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:8px;
}





/*#footer
--------------------------------*/
#footer ul#foot_link{
	width:900px;
	margin:0 auto;
}

#footer ul#foot_link li{
	float:left;
	font-size:10px;
	display:block;
	background-image:url(../img/footlink_line.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:15px;
}

#footer ul#foot_link li.endli{
	background-image:none;
	padding-right:0 !important;
}
#footer .ds_logo{
	background-image:none !important;
	padding-right:15px;
}

#footer ul#foot_link li a{
	display:block;
	float:left;
	background-image:url(../img/ic_arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:7px;
}

#footer #copyright{
	font-size:11px;
	text-align:center;
	color:#333333;
	padding-top:35px;
}