/* CSS Document */

/*　ボディーの基本設定　*/
body { 
	margin : 0px; 
	padding : 0px ; 
	font-family : "ＭＳ Ｐゴシック,OSAKA,sans-serif" ; 
	text-align : center ;
	background : url(./img_common/body_b1.gif) repeat-x }


/*　リンク　*/
a:link { text-decoration:none; }
a:visited { text-decoration:none ;}
a:hover { text-decoration:underline }

/*　段落　*/
p { margin : 0px }



/*　---------------------ヘッダー--------------------　*/

#header {
	margin : 0px auto ;
	padding : 0px ; 
	text-align : left ;
	width : 760px ;
	height : 79px ;
	/* background : url(./img_common/header_bg.gif) top right no-repeat ; */}

#header #catch {
	margin : 0px ;
	padding : 15px 0px 11px 0px ;
	font-size:75% ;
	color:#333 ;
	font-weight:normal ;
	letter-spacing:2px ;}

#header h1 {
	margin : 0px ;
	padding : 0px ;}


/*　---------------------中段の2段組--------------------　*/

#main {
	margin : 0px auto ;
	padding : 0px ; 
	text-align : left ;
	width : 760px ;
	height : auto ; }

#main-l {
	margin : 0px ;
	padding : 0px ; 
	text-align : left ;
	width : 195px ;
	height : auto ; 
	float : left }

#main-r {
	margin : 50px 0px 30px 0px ;
	padding : 0px ; 
	text-align : left ;
	width : 760px ;
	height : auto ; 
	float : right }



/*　---------------------フッター　と　下部リンク--------------------　*/

#bottom { 
	margin : 0px ;
	padding : 10px 0px ; 
	width : 100% ;
	height : auto ;
	font-size : 80% ;
	line-height : 160% ;
	color : #666 ;
	clear : both ;
	background : #f1f1f1}

#footer { 
	width : 100% ;
	height : 27px ;
	font-size : 80% ;
	line-height : 2.2em ;
	color : #fff ;
	background : url(./img_common/footer_b.gif) repeat-x}


/*　---------------------次のページ　と　このページトップ--------------------　*/

#main-r p.page { 
	margin : 2em 0px 0px 0px ;
	color : #666 ;
	width : 760px ;
	text-align : center ;
	clear : both }

#main-r p.top { 
	margin : 2em 0px 0px 0px ;
	color : #666 ;
	font-size:80% ;
	width : 760px ;
	text-align : right ;
	clear : both }

/*　---------------------本文--------------------　*/

#main-r h2 {
	margin : 0px 0px 0px 0px ;
	padding : 0px ; 
	font-size : 95% ;
	font-weight : 600 ;
	line-height : 1.9em ;
	color : #000 ;
	height : 30px ; 
	background : url(./img_common/h2_mi2.gif) repeat-x  left bottom #DBF1FF }

#main-r h2 img {
	float : left ;
	margin : 0px 10px 0px 0px}

#main-r h3 {
	margin : 2em 0px 16px 0px ;
	font-size : 90% ;
	font-weight : 400 ;
	line-height : 160% ;
	color : #069 ;
	clear : both ;
	height : 30px ; 
	background : url(./img_common/h3_bo1.gif) repeat-x  left bottom }


#main-r p {
	margin : 0px ;
	padding : 0px ; 
	font-size : 85% ;
	line-height : 200% ;
	color : #333 ;
	height : auto ;  }

#main-r ol {
	margin : 1em 0px 0px 50px ;
	padding : 0px ; 
	font-size : 85% ;
	line-height : 200% ;
	color : #333 ;
	height : auto ; }

#main-r p.para1 {
	margin : 1em 0px 0px 0px ;}

#main-r p img.img-r { 
	float : right ;
	margin : 3px 0px 10px 10px ;}

#main-r p img.img-l { 
	float : left ;
	margin : 3px 10px 10px 0px ;}

#main-r p.prof { 
	margin : 3px 0px 8px 12px ;
	padding : 3px ;
	width : 112px ;
	font-size : 70% ;
	color : #666 ;
	line-height : 150% ;
	border : solid 1px #999 ; 
	float : right ;
	display : block}

#main-r table { 
	margin : 20px 0px 0px 0px ;
	font-size : 80% }

#main-r h3.que {
	margin : 3.5em 0px 0px 0px ;
	padding : 0px ; 
	height : 24px ; 
	font-size : 80% ;
	line-height : 1.7em ;
	color : #000 ;
	clear : both ;
	background : url(../img/pro_bo1.gif) repeat-x left bottom;	 }

#main-r h3.que img {
	margin : 0px 8px 0px 0px ;
	float : left ;}

/*　---------------------見出し--------------------　*/

#main-r h2#idx {
	margin : 0px ;
	padding : 0px ; 
	width : 760px ;
	height : 39px ; 
	background:none ;}

#main-r h2#idx img {
	margin : 0px ;
	padding : 0px ;
	float:none ;}



/*　---------------------製品データ--------------------　*/

#main-r table#data {
	margin : 0px ;
	padding : 0px ; 
	background-color:#666 ;}

#main-r table#data td {
	width:253px ;
	background-color:#FFF ;
	vertical-align:top ;}


/*　製品タイトル　共通　*/
#main-r table#data td .title {
	padding:10px 0px ;
	text-align:center;
	background : url(./img_common/dotline_333.gif) bottom repeat-x ;}

#main-r table#data td .title h3 {
	height : 20px ; 
	margin:0px ;
	padding:0px ;
	font-size:13px ;
	font-weight:bold ;
	background:none ;}


/*　職業・名前　共通　*/
#main-r table#data td h4 {
	margin:10px 0px 0px 10px ;
	padding:9px 0px 5px 10px ;
	font-size:13px ;
	color:#333 ;
	line-height:1.5em ;}

#main-r table#data td h4 span {
	font-weight:normal;}


/*　リンクメニュー　共通　*/
#main-r table#data td .menu {
	margin : 10px 0px 10px 0px ;
	padding : 0px 0px 0px 10px ; 
	text-align : left ;
	line-height : 160% ;
	color : #f30 ;
	width : auto ;
	float : left }

#main-r table#data td .menu img {
	margin:0px 0px 0px 5px ;}

#main-r table#data td .menu span {
	margin : 0px 25px 0px 0px ;
	float : left }


/*　コメント　共通　*/
#main-r table#data td .comment {
	margin : 0px 0px 0px 0px ;
	padding : 7px 10px 7px 10px ; 
	color:#333 ;
	background : url(./img_common/dotline_333.gif) top repeat-x ;
	line-height : 160% ;
	clear:both ;}

#main-r table#data td .comment span{
	text-align:right ;
	display:block;}


/*　ベストパートナー　*/
#main-r table#data td#partner .title{
	background-color:#FFF5C9 ;}

#main-r table#data td#partner .title h3 {
	margin:0px 0px 10px 0px ;
	padding:0px ;
	font-size:13px ;
	color:#F85928 ;
	font-weight:bold ;}

#main-r table#data td#partner h4 {
	background : url(./img_common/h4_partner_bg.gif) no-repeat ;}

#main-r table#data td#partner .comment{
	background-color:#FFFAE5 ;}


/*　ベストクライアント　*/
#main-r table#data td#client .title{
	background-color:#D3FFFC ;}

#main-r table#data td#client .title h3 {
	margin:0px 0px 10px 0px ;
	padding:0px ;
	font-size:13px ;
	color:#17948D ;
	font-weight:bold ;}

#main-r table#data td#client h4 {
	background : url(./img_common/h4_client_bg.gif) no-repeat ;}

#main-r table#data td#client .comment{
	background-color:#F0FFFE ;}


/*　ネットキャビネット　*/
#main-r table#data td#net .title{
	background-color:#D8E7FF ;}

#main-r table#data td#net .title h3 {
	margin:0px 0px 10px 0px ;
	padding:0px ;
	font-size:13px ;
	color:#003366 ;
	font-weight:bold ;}

#main-r table#data td#net h4 {
	background : url(./img_common/h4_net_bg.gif) no-repeat ;}

#main-r table#data td#net .comment{
	background-color:#EEF4FF ;}



/*　---------------------新着情報--------------------　*/

#main-r #new h3 {
	margin : 30px 0px 0px 0px ;
	padding:2px 0px 0px 10px ;
	font-size : 17px ;
	font-weight : bold ;
	color : #333 ;
	clear : both ;
	height : 30px ;
	border-bottom:1px solid #999 ;
	border-left:6px solid #0066CC ;
	background:none ;}


#main-r #new p.info1  {
	margin : 1em 0px 0px 0px ;
	padding : 0px ; 
	line-height : 160% ;
	color : #f30 ; }

#main-r #new p.info2  {
	margin : 7px 0px 0px 0px ;
	padding : 0px ; 
	line-height : 200% ;
	color : #333 ; }