﻿






#TabbedPanels1 a {color:#000000;}
#TabbedPanels1 a:hover { text-decoration:none; color:#cc0000; }


#bottom_menu span a:link,
#bottom_menu span a:visited {color:#888888; font-size:10px; font:10px/120% 'ＭＳ Ｐゴシック','ＭＳ ゴシック',osaka !important; font-size:10px;}
#bottom_menu span a:hover { text-decoration:none; color:#cc0000; }




#container {margin:0px auto 0px auto; padding:0px; width:1000px; background:url() no-repeat top bottom;}


#header {background:url(../img/bg/header_85.gif) no-repeat left top; margin:0px 0px; height:90px; padding:0px; width:1000px; position:relative;}


#header_menu {width:970px; margin:0px; padding:0px 0px 0px 0px; clear: both; text-align:left; z-index:100;}

/*Example CSS for the two demo tickers*/

#domticker{
width: 900px;
border: 0px dashed black;
padding: 62px 0px 0px 14px;
text-align:left;
}

#domticker div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background:url(../img/ic/plus1.gif) no-repeat 0px 4px;
padding: 2px 0px 0px 18px;
color:#444444;
}

#domticker a{
font-weight: normal;
text-decoration:underline;
padding: 2px 0px 0px 0px;
	line-height:15px;
}



.someclass{ //class to apply to your scroller(s) if desired
}


#header_add {
	position:absolute; top:44px; width:994px; height:20px; margin:0px; padding:0px 0px 0px 0px; clear: both; text-align:right; z-index:101;
	font-size:12px;
	color:#444444;
	font-family:'ＭＳ Ｐゴシック','ＭＳ ゴシック',osaka;
	line-height:15px;
}
#header_add span {color:#888888;}


#header_count {
	position:absolute; top:40px; width:490px; height:20px; margin:0px; padding:0px 0px 0px 13px; clear: both; text-align:left; z-index:102;
}

#counter {position:absolute; top:92px; right:0px; width:970px; margin:0px auto; padding:0px 0px 0px 0px; clear: both; text-align:right; z-index:5;}


#container_body {background:url(../img/bg/bg_bodycontainer_top1000.gif) no-repeat left 0px; width:1000px; margin:0px 0px; padding:5px 0px; text-align:left;}



#container_body_in {background:url(../img/bg/bg_bodycontainer1000.gif) repeat left 0px; position:relative; margin:0px 0px; padding:0px; color:#cccccc;}


#container_body_main { padding:8px; width:984px;  border-bottom:1px solid #cccccc;}




#container_body .2left{
	width: 200px;
	margin: 10px 5px 10px 3px;
	font-size: 12px;
	line-height: 18px;
	text-align:left;
	float: left;
	background:#cc0000;
}
#container_body .2right{
	width: 500px;
	margin: 10px 3px 10px 5px;
	font-size: 12px;
	line-height: 18px;
	text-align:left;
	float: right;
}






#footer {background:url() no-repeat bottom; height:40px !importan; padding:3px 0px 0px 0px; position:relative; font:10px/120% ,arial;}
#footer_in { position:relative; background:url(http://www.spcontribute.com/souwa/img/logo/logo_grey3.gif) no-repeat 0px top; height:33px; margin:0px; padding-top:0px; color:#777777; text-align:left; border-bottom:1px solid #cccccc;}

#footer_top {padding:0px 0px; width:700px; height:18px; position:relative; color:#aaaaaa; font-size:11px; font:11px/120% 'ＭＳ Ｐゴシック','ＭＳ ゴシック',osaka;}
#footer_bottom {padding:0px 0px; width:500px; height:18px; position:relative; color:#aaaaaa; font-size:11px; font:11px/120% 'ＭＳ Ｐゴシック','ＭＳ ゴシック',osaka;}
#footer_bottom { text-align:right; margin:0px auto;}
#footer_bottom span {padding:0px 10px; border-right:1px solid #cccccc !important; }
#footer_bottom span.menu_right {position:absolute; right:80px; top:5px; border-right:0px !important; font-size:11px; font:11px/120% arial; }


.footerMenu {top:0px; margin:0px;}


#prev-arrow, #next-arrow, .spotlight { behavior: url(iepngfix.htc) }




.script_by { position:absolute; top:3px; right:0px; padding:0px; width:195px; margin:0px; z-index:20;}
.script_by a {cursor: pointer; margin:0px 4px;}
.script_by a:link img{ filter: Gray()  filter: Alpha(opacity=60);-moz-opacity:.60;opacity:.60;}
.script_by a:visited img{ filter: Gray() filter: Alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
.script_by a:hover img{ filter: Alpha(opacity=100);-moz-opacity:.100;opacity:.100;}

.script_by img {margin:0px 1px;}

#copyrights { float:right; width:400px; text-align:right; padding-top:20px; padding-right:0px; color:#777777; font-size:10px; font:10px/120% arial;}

#foot_comment {width:400px; float:left; font-size:10px; font-family:'ＭＳ Ｐゴシック','ＭＳ ゴシック',osaka; color:#999999; padding:2px 0px 0px 10px;}


.title_lines {padding:10px 0px 0px 20px;}


.fsin {padding:10px 15px;}
.mobile legend { margin-left:340px; font-size:13px; font:bold 13px/120% 'ＭＳ Ｐゴシック','ＭＳ ゴシック',osaka; color:#444444;}
.mobile .fsin {padding:10px 0px 0px 0px; font-size:13px; font:13px/140% 'ＭＳ Ｐゴシック','ＭＳ ゴシック',osaka;}

.ryoukin legend { margin-right:0px; font-size:15px; font:bold 15px/120% 'ＭＳ Ｐゴシック','ＭＳ ゴシック',osaka;}
.ryoukin .fsin {padding:15px 0px 10px 10px; font-size:12px; font:12px/140% 'ＭＳ Ｐゴシック,'ＭＳ ゴシック',osaka;}
.ryoukin .little { font-size:12px; font:normal 12px/140% 'ＭＳ Ｐゴシック','ＭＳ ゴシック',osaka;}
.copy {color:#eeeeee;}





/* nagare */
.glaph_body { 
	width:680px;
	display: block;	
	position: relative;
	text-align: left; 
	padding-left:28px;
	margin:0px 0px 0px 0px;
	z-index:10px;
	overflow:hidden;
	border-left:0px;
}
.glaph_body_in {padding: 20px 20px 20px 50px; border:1px solid #A1A1B4; border-left:0px; font-size:16px; font:16px/160% 'ＭＳ Ｐゴシック','ＭＳ ゴシック',osaka; } 
.number {
	line-height:140px;
	position:absolute;
	bottom:-55px;
	right:-20px;
	font-family: verdana,Arial,Helvetica,sans-serif;
	font-size:70px;
	font-weight:bold;
	font-style:italic;
	overflow:hidden;
	color:#ffffff;
	cursor: default;
	letter-spacing:-11px;
	z-index:-1;
	}









/* kiyaku */
#kiyaku {padding:0px 70px 0px 65px; font-size:12px; font:12px/130% 'ＭＳ Ｐゴシック','ＭＳ ゴシック',osaka; color:#555555;}

#kiyaku ul {padding-left:40px;}
#kiyaku ul.kiyaku h1 { font-size:18px; font:18px/120% 'ＭＳ Ｐゴシック','ＭＳ ゴシック',osaka !important; color:#666666; padding:0px 10px 0px 10px; height:30px;}
#kiyaku ul.kiyaku li {list-style-type:none; margin-left:10px; color:#666666;}

#kiyaku ul.kiyaku h2 { font-size:14px; font:14px/120% 'ＭＳ Ｐゴシック','ＭＳ ゴシック',osaka !important; color:#444444; padding:20px 10px 2px 15px; margin:25px 0px 5px 0px; border-left:12px double #ffffff;}
#kiyaku ul.kiyaku li p {padding:5px 10px 0px 20px; margin:0px 0px 0px 10px; color:#666666;}
#kiyaku ol.kiyaku li {list-style-type:upper-roman; margin-left:20px; color:#666666;}


.calltoask{ position:relative; margin-bottom:-58px; width:143px;  }
.calltoask a{ cursor: pointer;  width:143px; height:58px; display:block; background:url('http://images.apple.com/jp/getamac/images/index_calltoask20090129.png') no-repeat 0 0; behavior: url(./css/iepngfix.htc); text-indent:-9999px; }




/* for both content and navigation */

p.graphic-button {width: 248px; background: transparent url(http://www.spcontribute.com/souwa/img/button/bg_graphic-button_green_m.gif) repeat-y top left; padding:0px; margin:10px 0px;}
p.graphic-button a {display: block; background: transparent url(http://www.spcontribute.com/souwa/img/button/bg_graphic-button_green_t.gif) no-repeat top left; text-decoration: none; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: .1em; color: #12385B !important; text-shadow: 0 1px 0 #FFF; line-height:30px;}
p.graphic-button a:hover {color: black; text-decoration:none; background-color: transparent; color:#cc0000 !important;}
p.graphic-button a span {padding: 4px 12px 5px; display: block; background: transparent url(http://www.spcontribute.com/souwa/img/button/bg_graphic-button_green_b.gif) no-repeat bottom left; font: 15px/1.5em 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif !important;}
p.graphic-button.blue {margin: 0 0 .5em 15px; background-image: url(http://www.spcontribute.com/souwa/img/button/bg_graphic-button_blue_m.gif);}
p.graphic-button.blue a {background-image: url(http://www.spcontribute.com/souwa/img/button/bg_graphic-button_blue_t.gif);}
p.graphic-button.blue a span {background-image: url(http://www.spcontribute.com/souwa/img/button/bg_graphic-button_blue_b.gif);}

p.graphic-button.red {margin: 0 0 .5em 15px; background-image: url(http://www.spcontribute.com/souwa/img/button/bg_graphic-button_red_m.gif);}
p.graphic-button.red a {background-image: url(http://www.spcontribute.com/souwa/img/button/bg_graphic-button_red_t.gif);}
p.graphic-button.red a span {background-image: url(http://www.spcontribute.com/souwa/img/button/bg_graphic-button_red_b.gif);}



/* お申し込み */
#bigbuttons {
background:#F0F0F0;
width:420px;
border:1px solid #cccccc;
padding:25px 0px 5px 0px; 
margin: 0px 0px 0px 0px;
}

#bigbuttons li{
list-style: none;
padding: 0 0 20px 0;
margin: 0;
}

.project {
background-image: url(http://www.spcontribute.com/souwa/img/button/y_regist.gif) no-repeat bottom left;
height: 72px;
width: 357px;
}
.project a{
background: url(http://www.spcontribute.com/souwa/img/button/y_regist.gif) no-repeat top left;
height:72px;
width: 357px;
display: block;
}
.project a:hover{
background: url(http://www.spcontribute.com/souwa/img/button/y_regist.gif) no-repeat bottom left;
}


/* お申し込み２ */
#bigbuttons2 {
background:#ffffff;
width:350px;
padding:20px 0px 5px 0px; 
margin: 0px 0px 0px 0px;
}

#bigbuttons2 li{
list-style: none;
padding: 0 0 20px 0;
margin: 0;
}
.project2 {
background-image: url(http://www.spcontribute.com/souwa/img/button/registing.jpg) no-repeat bottom left;
height: 44px;
width: 228px;
}
.project2 a{
background: url(http://www.spcontribute.com/souwa/img/button/registing.jpg) no-repeat top left;
height:44px;
width: 228px;
display: block;
}
.project2 a:hover{
background: url(http://www.spcontribute.com/souwa/img/button/registing.jpg) no-repeat bottom left;
}









/* 会社概要
------------------------------------------------ */

#ltd_prof {padding:10px 0px 10px 80px;}

#ltd_prof .profile .none {display:none;}


/* 取り扱い品目
------------------------------------------------ */

table.item_table td { font-size:12px; font:12px/150% 'ＭＳ Ｐゴシック','ＭＳ ゴシック',osaka,sans-serif;}

table.item_table {background:#E8F5e4; border:1px double #519265; padding:2px;}
.item_td1 {border-right:1px solid #334477; border-bottom:1px solid #334477; padding:4px 5px 4px 10px; background:#ffffff;}
.item_td2 {border-right:1px solid #334477; border-bottom:1px solid #334477; padding:4px 5px 4px 10px; background:#ffffff;}
.item_td3 {width:90px; border-right:1px solid #334477; border-bottom:1px solid #334477; padding:4px 5px 4px 10px; background:#ffffff;}
.item_td5 {width:240px; border-right:1px solid #334477; border-bottom:1px solid #334477; padding:4px 5px 4px 10px; background:#ffffff;}

.item_txt1 {padding:20px 0px 20px 5px; font-size:14px; font:14px/140% 'ＭＳ Ｐゴシック','ＭＳ ゴシック',osaka,sans-serif;}



/* リンク
------------------------------------------------ */
#link fieldset {margin:10px 2px 2px 2px;}
#link fieldset .link_text {padding:2px 5px 5px 10px; text-align:left; font-size:12px; font:12px/150% 'ＭＳ Ｐゴシック','ＭＳ ゴシック',osaka,sans-serif;}
#link legend { font-size:13px; font:bold 13px/130% 'ＭＳ Ｐゴシック','ＭＳ ゴシック',osaka,sans-serif;}

#link fieldset div img {border:1px solid #bbbbbb; height:42px;}




span.topi_ana {font-size:8px; line-height:2%; color:#fefffe;}
