@charset "UTF-8";

/* Index




	001. Format
	002. Contents
	003. Header
	004. Top Navigation
	005. Main Content
	006. Side Navigation
	007. Footer
	008. Products Page
	
	Production company-OFUSE CORPORATION




*/
















/*--  001. Format  --*/




body{
	background:url(img/bk-body.gif) repeat-x #d9ebf9;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color:#333333;
	padding:0;
	margin:0;
}




img,a img	{border:0; vertical-align:bottom;}
table		{border-collapse: collapse;}
ul,li,ol,dl,dt,dd,p,form,input,select,textarea {margin:0; padding:0; list-style-type:none;}




h2,h3,h4,h5{margin:0; padding:0; font-size:12px; line-height:100%; font-weight: normal;}




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






.clear 			{line-height:0; font-size:0; height:0; clear: both; margin:0; padding:0;}
.clfix:after 	{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clfix 			{overflow: hidden;}
/*\*/
* html .clfix {
 zoom: 1;/* for hasLayout */
 overflow: visible;
}
div#container #main p#pankuzu {font-size:10px; margin-bottom:10px;}








/*--  002. Contents  --*/
div#container					{width:830px; background:#ffffff; padding:0 0 15px 0; margin:0 auto;}
div#container #header			{width:780px; height:67px; padding:0 25px; margin:0;}
div#container #contents			{width:780px; padding:0; margin:0 25px 8px 25px; background:url(img/bk-contents.gif) left repeat-y;}
div#container #contents	#main	{width:564px; float:left; padding:0; margin:0;}
div#container #contents	#navi	{width:200px; float:right; /*height:100%; background:#E8E8E8;*/}
div#container #footer			{width:780px; clear:both; margin:0 25px 0 25px;}












/*--  003. Header  --*/
div#container #header h1	{font-size:10px; text-align:center; font-weight:normal; line-height:1.3; padding:0; margin:2px 0;}
div#container #header img	{margin:0 0 0 12px;}
div#container #header ul	{width:780px; text-align:right; margin:0; padding:0;}
div#container #header ul li	{display:inline;}
div#container #header ul li a{background:url(img/topnavi_arrow.gif) no-repeat; padding:0 15px 0 12px; color:#000000; font-size:10px; text-decoration:none;}
div#container #header ul li.last a	{padding-right:3px;}
div#container #header ul li a:hover	{color:#006699; text-decoration:underline;}












/*--  004. Top Navigation  --*/
div#container ul#topnavi	{width:780px; height:22px; background:url(img/topnavi_bk.gif) center top no-repeat; margin:0 0 10px 0; padding:12px 25px 0 25px;}
div#container ul#topnavi li	{display:inline; padding:11px 17px 0 0;}
div#container ul#topnavi li.inquiry{padding-right:0;}
















/*--  005. Main Content  --*/
#main h2								{margin:0 0 3px 0;}
#main div.explanation					{padding:0 0 0 100px; margin:0 0 20px 0; width:464px; line-height:1.5;}
















/*--  006. Side Navigation  --*/
#contents #navi h4					{margin:0 0 18px 0; padding:0;}
#contents #navi ul					{width:180px; padding:0 10px;}
#contents #navi ul li				{padding:0 0 9px 33px; font-size:14px; margin:0 0 15px 0;}
#contents #navi ul li ul		{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #ffffff;
	margin-top: 10px;
	padding-top: 10px;
	width: 140px;
	margin-left: -20px;
	padding-left: 15px;
}
#contents #navi ul li ul li	{background: no-repeat 24px 2px; padding:0px; font-size:14px; margin:0 0 17px 0;}
#contents #navi ul li ul li		{
	background-image: url(img/arrow-small.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	line-height: 110%;
	font-size: 12px;
}
#contents #navi ul li.gray		{background:url(img/arrow-green.gif) no-repeat 15px 2px;}
#contents #navi ul li.yellow		{background:url(img/arrow-yellow.gif) no-repeat 15px 2px;}
#contents #navi ul li.reddish		{background:url(img/arrow-reddish.gif) no-repeat 15px 2px;}
#contents #navi ul li.cassis		{background:url(img/arrow-cassis.gif) no-repeat 15px 2px;}
#contents #navi ul li.darkgray		{background:url(img/arrow-gray.gif) no-repeat 15px 2px;}
#contents #navi ul li.blue			{background:url(img/arrow-blue.gif) no-repeat 15px 2px;}
#contents #navi ul li a {
	color: #333333;
	text-decoration: none;
}
#contents #navi ul li a:hover {text-decoration: underline;}








/*--  007. Footer  --*/
#footer p.footer-link		{text-align:right; margin:3px 0 5px 0;}
#footer p.footer-link a		{background:url(img/arrow-footer.gif) no-repeat 0px 1px; padding:0 15px 1px 12px; margin:0 0 0 5px; color:#000000; font-size:10px; text-decoration:none;}
#footer p.footer-link a:hover{color:#006699; text-decoration:underline;}
#footer div.copy			{width:770px; height:20px; line-height:20px; font-size:10px; padding:0 5px; text-align:right; background:#302A28; color:#ffffff;}
#footer div.copy address	{font-style:normal; float:left;}








/*--  008. Products Page  --*/
#main div.cassette						{width:545px; height:auto; padding:0; margin:0 0 18px 0; text-align:left;}
#main div.cassette-last					{margin-bottom:0px;}
#main div.cassette .inner				{background:url(img/cassette-repeat.gif) repeat-y; width:530px; padding:0 15px 0 5px;}
#main div.cassette .inner div.photo		{background:url(img/cassette-photo.gif) no-repeat; width:204px; height:168px; padding:14px 23px 0 16px;}
#main div.cassette .inner div.photo img	{border:2px solid #ffffff;}
#main div.cassette .inner div.txt		{float:right; width:264px; margin:0; padding:5px 0 0 0;}
#main div.cassette .inner div.txt h3	{font-size:18px; font-weight:bold; background:url(img/h3-line.gif) 0px 9px repeat-x; margin:0 0 8px 0; line-height:1.3;}
#main div.cassette .inner div.txt h3 span{background:#ffffff; padding:0 10px 0 0;}
#main div.cassette .inner div.txt h3 a	{color:#000000; text-decoration:none;}
#main div.cassette .inner div.txt h3 a:hover{color:#4EABB8; text-decoration:underline;}
#main div.cassette .inner div.txt p		{line-height:18px;}
p.go	{text-align:right; margin:20px 3px 0 0; line-height:18px;}
#main div.cassette img.bottom			{vertical-align:top;}




#main div.cassette .inner h3			{font-size:18px; font-weight:bold; background:url(img/h3-line.gif) 0px 9px repeat-x; margin:0 0 8px 10px; line-height:1.3}
#main div.cassette .inner h3 span		{background:#ffffff; padding:0 10px 0 0; color:#000000;}
#main div.cassette .inner p				{line-height:18px; padding:0 3px 0 18px;}