@charset "utf-8";

/* Share Style 
----------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}

body {
	font-family:Verdana,"ＭＳ Ｐゴシック", sans-serif,'Helvetica';
	font-size:12px;
	*font-size: 80%;
	line-height:16px;
	color: #555;
	background:url(/img/all_back.gif);
	height:100%;
　　　　}

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dl,img {
  margin: 0;
  padding: 0;
}
ul { list-style-type:none; }
img { border:0; }

#content #service table { table-layout: fixed; width: 100%; padding-top: 4px; }
#content #service td { text-align: left; font-size: 9pt; padding: 4px; }
#content li { font-size: 9pt; }
.align-r { text-align: right; }
.align-c { text-align: center; margin-left:out; margin-right:out;}

/* font
------------------------------------- */
.ft10{
	font-size:10px;
	*font-size: 80%;
}
.ft11{
	font-size:11px;
	*font-size: 82%;
}
.ft12{
	font-size:12px;
}
.ft13{
	font-size:13px;
	*font-size: 105%;
}
.b{
	font-weight:bold;
}
.f10 {
  font-size: 10px;
}
.f11 {
  font-size: 11px;
}
.bold{
	font-weight:bold;
}


/* clear
-------------------------------- */
.clear {
	clear: both;
	margin:0;
}
.cb {
	clear:both;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* color
------------------------------- */
.pink{color:#f73973;}
.orange{color:#ff7800;}
.blue{color:#2a61c4;}
.green{color:#1f923a;}
.white{color:#ffffff;}
.er{color:#CC0000;}


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

a.re
{ color:#f73973; text-decoration:none; font-weight:bold; }
a:hover.re
{ color:#f73973; text-decoration:underline; font-weight:bold; }
a.an
{ color:#ff7800; text-decoration:none; font-weight:bold; }
a:hover.an
{ color:#ff7800; text-decoration:underline; font-weight:bold; }
a.xr
{ color:#2a61c4; text-decoration:none; font-weight:bold; }
a:hover.xr
{ color:#2a61c4; text-decoration:underline; font-weight:bold; }
a.xm
{ color:#1f923a; text-decoration:none; font-weight:bold; }
a:hover.xm
{ color:#1f923a; text-decoration:underline; font-weight:bold; }
a.kw
{ color:#202078; text-decoration:none; font-weight:bold; }
a:hover.kw
{ color:#202078; text-decoration:underline; font-weight:bold; }

/* wrapper
------------------------------- */

#wrapper_all{
	background:url(/img/all_back.gif);
	margin: 0 auto;
	text-align: center;
	min-height:100%;
}
#wrapper{
	background:url(/img/back.gif) repeat-y;
	width:872px;
	margin: 0 auto;
	padding:7px 0 8px 0;
	min-height:100%;
}
#outline{
	width:830px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	min-height:100%;
}
#content{
	background:url(/img/tensen_s.gif) repeat-y right;
	width:830px;
	margin: 0;
	overflow:hidden;
}

/* headder
------------------------------- */
#headder{
	width:830px;
	height:88px;
	margin: 0 auto;
	overflow:hidden;
}
#headder #logo{
	margin:8px 0 0 3px;
	float:left;
}
#headder #comlogo{
	margin:10px 10px 0 0;
	float:right;
}
#headder #read{
	background:url(/img/h1_back.gif) no-repeat;
	width:830px;
	height:20px;
}
.rd{
	font-size:11px;
	color:white;
	font-weight:normal;
	padding:3px 0 0 13px;
}
#headder #read h1.home{
	font-size:11px;
	color:white;
	font-weight:normal;
	padding:2px 0 0 13px;
	margin: 0;
}


/* main
------------------------------- */
#main2{
	width:621px;
	float:left;
	overflow:hidden;
	margin-left:3px;
}

/* margin(個別)
-------------------------------- */
.t3{margin-top: 3px;}
.t5{margin-top: 5px;}
.t10{margin-top: 10px;}
.b5{margin-bottom: 5px;}
.p_t_8{padding-top: 5px;}

/* ホーム(/index.html) 
------------------------------- */

p.txt{
	margin-top:4px;
	margin-bottom:8px;
}

h2{
	margin-top: 20px;
	margin-bottom: 5px;
	*font-size: 10px;
	font-weight:normal;
	text-indent:-9999px;
	width:620px;
	height:30px;
}
h2.pickup { background:url(/img/top_h2_pu.gif) no-repeat; }
h2.service { background:url(/img/top_h2_si.gif) no-repeat; }
h2.info{ background:url(/img/top_h2_in.gif) no-repeat; }

h3{
	font-size:13px;
	*font-size: 105%;
	font-weight:bold;
}
#service #title h3, #service #recommend h3, #service #listing h3, #service #tool h3{
	padding:10px 0 0 18px;
	*padding:10px 0 0 18px;
}
/*#service #listing h3{
	padding:8px 0 0 18px;
	*padding:7px 0 0 18px;
	line-height: 1.1em;
}
#service #listing span{
	font-weight:normal;
}*/

#service #mbl_t h3, #service #pc_t h3{
	padding:8px 0 0 18px;
}
#service #dire h3{
	padding:0 0 0 18px;
}
#content #service {
	width: 620px;
}
#content #link {
	width: 619px;
}
#content #link {
	padding-top: 4px;
}
#content #pr {}

#content #pickup ul {
	list-style-type: none;
}
#content #pickup li {
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 18px;
/*	*padding-left: 20px;*/
	background: url(/img/info_mark.gif) no-repeat 0 0.4em;
/*	*background: url(/img/info_mark.gif) no-repeat 2px 0.3em;*/
}
#content #pickup li.end {
	padding-bottom: 0;
}

#content #service{
	width:620px;
	overflow:hidden;
}
#content #service #prod_t {
	width:190px;
	float:left;
	margin-left: -1px;
}
#content #service #pc {
	width:205px;
	float:left;
}
#content #service #mbl {
	width:225px;
	float:left;
}
#content #service #pc p,#content #service #mbl p {
	padding:8px 0 0 32px;
	*padding:9px 0 0 32px;
	font-size:14px;
}

#service #prod_t #title {
	background: url(/img/home_00.gif) no-repeat;
	height: 35px;
	margin:0px;
}
#service #prod_t #listing {
	background: url(/img/home_h3_01.gif) no-repeat;
	height: 38px;
	margin:0px;
}
#service #prod_t #recommend {
	background: url(/img/home_h3_02.gif) no-repeat;
	height: 38px;
	margin:0px;
}
#service #prod_t #tool {
	background: url(/img/home_h3_06.gif) no-repeat;
	height: 38px;
	margin:0px;
}
#service #pc #pc_t {
	background: url(/img/home_h3_03.gif) no-repeat;
	height: 35px;
	margin:0px;
}
#service #pc #re {
	background: url(/img/remora.gif) no-repeat;
	height: 38px;
}
#service #pc #xr {
	background: url(/img/recommend.gif) no-repeat;
	height: 38px;
}
#service #pc #kw {
	background: url(/img/kww.gif) no-repeat;
	height: 38px;
}
#service #mbl #mbl_t {
	background: url(/img/home_h3_04.gif) no-repeat;
	height: 35px;
	margin:0px;
}
#service #mbl #an {
	background: url(/img/anemone.gif) no-repeat;
	height: 38px;
}
#service #mbl #xm {
	background: url(/img/recommendm.gif) no-repeat;
	height: 38px;
}
#service #mbl #no {
	background: url(/img/no.gif) no-repeat;
	height: 38px;
}
#service #dire {
	background: url(/img/home_h3_00.gif) no-repeat;
	height: 16px;
	margin: 12px 0 0 1px;
}
h3,
#service #pc #re,
#service #pc #xr,
#service #pc #kw,
#service #mbl #an,
#service #mbl #xm,
#info #press_tit p.tit,
#info #news_tit p.tit {
	font-family:'MS UI Gothic','Arial','Verdana','Helvetica','sans-serif','Tahoma',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ";
}


#content p{
	line-height: 1.5;
}

#bn_part{
	margin:10px 0 0 0;
}




/* リンクアイコン
--------------------------------------------------------- */
/* 本文中テキストリンク */
.arrow {
	padding-left: 10px;
	background: url(/img/arrow.gif) no-repeat left center;
}
/* タブ用矢印青 */
.ab {
	padding-left: 14px;
	background: url(/img/arrow_ba.gif) no-repeat left center;
}
/* 右寄せリンク */
p.link {
	text-align: right;
}


/* 本文リンク -------------------------------- */
a.u:link, a.u:visited {
	color:#336699;
	font-weight: normal;
	text-decoration:underline;
}
a.u:hover, a.u:active {
	color: #3333CC;
	text-decoration:underline;
}

a.r:link, a.r:visited, a.r:hover, a.r:active {
	color:#CC0000;
	text-decoration:underline;
}


/* お知らせ -- */

#info{
	margin-top:5px;
}
#info #press{
	width:313px;
	text-align:left;
	float:left;
}
#info #press.un{ height:10px; }
#info #press_tit{
	background:url(/img/news_tit2.gif) no-repeat;
	width:307px;
	height:31px;
}
#info #press_tit p.tit{
	float:left;
	font-weight:bold;
	font-size:13px;
	*font-size: 100%;
	padding:6px 0 0 23px;
	*padding:6px 0 0 23px;
}
#info #press_tit p.all{
	float:right;
	font-size:12px;
	margin:8px 6px 0 0;
}
#info #press_box{
	background:url(/img/p_back2.gif);
	width:307px;
	background-repeat:repeat-y;
	padding-bottom:0px;
	overflow:hidden;
	font-size: 9pt;
}
#info #press_box ul.line2{
	background-image:url(/img/dot2.gif);
	background-repeat:no-repeat;
	margin:0px 0px 5px 0px;
	padding-bottom:5px;
	background-position: center bottom;
	width: 304px;
	bottom: 0px;
}
#info #press_box ul.line2_end{
	width: 304px;
	bottom: 0px;
}
#info #press_box li{
	background:url(/img/info_mark.gif) no-repeat 6px 6px ;
	padding:4px 5px 5px 22px;
}
#info #press_box li.end{
	background:url(/img/info_mark.gif) no-repeat 6px 6px ;
	padding:4px 5px 0 22px;
}


/*NEWS*/

*html body #info #news{
	width:307px;
	float:right;
}
#info #news{
	width:307px;
	float:right;
}
#info #press.un{ height:10px; }
#info #news_tit{
	background:url(/img/news_tit2.gif) no-repeat;
	width:307px;
	height:31px;
}
#info #news_tit p.tit{
	float:left;
	font-weight:bold;
	font-size:13px;
	*font-size: 100%;
	padding:6px 0 0 23px;
	*padding:6px 0 0 23px;
}
#info #news_tit p.all{
	float:right;
	font-size:12px;
	margin:8px 6px 0 0;
}
#info #news_box{
	background:url(/img/p_back2.gif);
	width:307px;
	height:auto;
	padding-bottom:0px;
	overflow:hidden;
}
#info #news_box ul.line2{
	background-image:url(/img/dot2.gif);
	background-repeat:no-repeat;
	margin:0px 0px 5px 0px;
	padding-bottom:5px;
	background-position: center bottom;
	width: 304px;
	bottom: 0px;
}
#info #news_box ul.line2_end{
	width: 304px;
	bottom: 0px;
}
#info #news_box li{
	background:url(/img/info_mark.gif) no-repeat 6px 6px ;
	padding:4px 5px 5px 22px;
}
#info #news_box li_end{
	background:url(/img/info_mark.gif) no-repeat 6px 6px ;
	padding:4px 5px 0 22px;
}



/* 右メニュー
-------------------------------- */
#sub{
	width:176px;
	float:right;
	margin-right:2px;
	overflow:hidden;
}
#navi01{
	margin:3px 0 0 0;
}
#navi01 li{
	background:url(/img/menu01.gif) no-repeat 0 0;
	display: block;
	width:176px;
	height:33px;
	text-indent: -9999px;
}

#navi02{
	margin:2px 0 0 4px;
}
#navi02 ul.menu{
	margin:0px 0px 5px 4px;
}
#navi02 li,#navi02 a{
	background:url(/img/menu02.gif) no-repeat;
	display: block;
	width:167px;
	height:37px;
	text-indent: -9999px;
}
#navi02 #navi02_1,#navi02 #navi02_1 a {  background-position: 0 0;}
#navi02 #navi02_2,#navi02 #navi02_2 a {  background-position: 0 -37px;}
#navi02 #navi02_1 a:hover { background-position: -167px 0 ;}	
#navi02 #navi02_2 a:hover { background-position: -167px -37px ;}
#navi02 #navi02_1_act,#navi02 #navi02_1_act a{ background-position: -167px 0}	
#navi02 #navi02_2_act,#navi02 #navi02_2_act a { background-position: -167px -37px ;}

#navi03{
	margin:2px 0px 0px 4px;	
}
#navi03 ul.menu{
	margin:0px 0px 0px 4px;
}
#navi03 li,#navi03 a{
	background:url(/img/menu03.gif) no-repeat;
	display: block;
	width:167px;
	height:37px;
	text-indent: -9999px;	
}
#navi03 #navi03_1,#navi03 #navi03_1 a {  background-position: 0 0; }
#navi03 #navi03_2,#navi03 #navi03_2 a {  background-position: 0 -37px; }
#navi03 #navi03_1 a:hover { background-position: -167px 0 ; }	
#navi03 #navi03_2 a:hover { background-position: -167px -37px ; }
#navi03 #navi03_1_act,#navi03 #navi03_1_act a{ background-position: -167px 0 ; }	
#navi03 #navi03_2_act,#navi03 #navi03_2_act a { background-position: -167px -37px ; }

#navi04n{
	margin-top:2px;
}
#navi04n ul.menu{
	margin-left:5px;
}
#navi04n li,#navi04n a{
	background:url(/img/navi041.gif) no-repeat;
	display: block;
	width:176px;
	float:left;
	text-indent: -9999px;	
}
#navi04n #navi04_1,#navi04n #navi04_1 a { height:29px; background-position: 0 0; }
#navi04n #navi04_2,#navi04n #navi04_2 a { height:28px; background-position: 0 -29px; }
#navi04n #navi04_3,#navi04n #navi04_3 a { height:28px; background-position: 0 -57px; }
#navi04n #navi04_4,#navi04n #navi04_4 a { height:28px; background-position: 0 -85px; }
#navi04n #navi04_5,#navi04n #navi04_5 a { height:28px; background-position: 0 -113px; }
#navi04n #navi04_6,#navi04n #navi04_6 a { height:28px; background-position: 0 -141px; }
#navi04n #navi04_7,#navi04n #navi04_7 a { height:29px; background-position: 0 -169px; }
#navi04n #navi04_1 a:hover { height:29px; background-position: -176px 0 ; }	
#navi04n #navi04_2 a:hover { height:28px; background-position: -176px -29px ; }
#navi04n #navi04_3 a:hover { height:28px; background-position: -176px -57px ; }
#navi04n #navi04_4 a:hover { height:28px; background-position: -176px -85px ; }
#navi04n #navi04_5 a:hover { height:28px; background-position: -176px -113px ; }
#navi04n #navi04_6 a:hover { height:28px; background-position: -176px -141px ; }
#navi04n #navi04_7 a:hover { height:29px; background-position: -176px -169px ; }
#navi04n #navi04_1_act,#navi04n #navi04_1_act a { height:29px; background-position: -176px 0 ; }	
#navi04n #navi04_2_act,#navi04n #navi04_2_act a { height:28px; background-position: -176px -29px ; }
#navi04n #navi04_3_act,#navi04n #navi04_3_act a { height:28px; background-position: -176px -57px ; }
#navi04n #navi04_4_act,#navi04n #navi04_4_act a { height:28px; background-position: -176px -85px ; }
#navi04n #navi04_5_act,#navi04n #navi04_5_act a { height:28px; background-position: -176px -113px ; }
#navi04n #navi04_6_act,#navi04n #navi04_6_act a { height:28px; background-position: -176px -141px ; }
#navi04n #navi04_7_act,#navi04n #navi04_7_act a { height:29px; background-position: -176px -169px ; }


#navi05{
	margin:2px 0px 0px 4px;	
}
#navi05 ul.menu{
	margin:0px 0px 0px 4px;
}
#navi05 li,#navi05 a{
	background:url(/img/menu05.gif) no-repeat;
	display: block;
	width:167px;
	height:37px;
	text-indent: -9999px;	
}
#navi05 #navi05_1,#navi05 #navi05_1 a {  background-position: 0 0; }
#navi05 #navi05_1 a:hover { background-position: -167px 0 ; }	
#navi05 #navi05_1_act,#navi05 #navi05_1_act a{ background-position: -167px 0 ; }	


#partner{
	margin:12px 0 0 0;
}
#partner #p_box{
	background:url(/img/partner_line.gif) repeat-y;
	padding:0 10px 2px 9px;
	overflow:hidden;
}
#partner.up{ height: 24px; }
#partner.un{ height: 9px; }

#mobile{
	margin:12px 0 0 0;
}
#mobile #m_box{
	background:url(/img/menu/mobile_back.gif) repeat-y;
	overflow:hidden;
	text-align: center;
	margin-left:out;
	margin-right:out;
	padding-bottom:2px;
}
#mobile.up{ height: 29px; }
#mobile.un{ height: 8px; }


/* footer
------------------------------- */
#footer{
	width:830px;
	margin: 0 auto;
	overflow:hidden;
	margin-top:25px;
}
#footer #f_navi{
	margin:0 0 0 140px;
	overflow:hidden;
}
#footer #f_navi li{
	float:left;
	padding:0 4px;
	font-size:11px;
}
#footer #f_navi li.line{
	border-right:solid 1px #787878;
	background-color:white;
}
#footer #copy{
	background:url(/img/copy_img.gif) no-repeat;
	width:830px;
	height:29px;
	text-align:center;
	font-size:11px;
	color:white;
	clear:both;
	padding:5px 0 0 0;
	margin:10px 0 8px 0;
}

/*10年7月2日追加*/
img {
border:0;
}
.rollover01 {
	width:620px;
	height:200px;
	background-image: url(img/100608reco_top_on.jpg);
	background-repeat: no-repeat;
}
.rollover01 a {
display:block;
width:620px;
height:200px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover01 a:hover {
text-indent:-9999px;
}