html {height: 100%;}

body {
	background-image: url(images/bg.gif);
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: auto;
	width: 950px;
	background-repeat: repeat;
	background-color: #FFFFFF;
	text-align: center;
}
div#container {
	min-height: 100%;
}
/* IE6 */
*html div#container {
	height: 100%;
	
}
#container {
	background-image: url(images/bg_container.gif);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	width: 950px;
	height: auto;
}

a:hover {color : #ff0000; } 
a { text-decoration : none; }

.style1 {color: #000000}
.style2 {
	font-size: 10px;
	color: #999999;
}
.style3 {
	font-size: 12px;
	color: #666666;
	line-height: 15px;
}
.style4 {color: #CC3366;}
.style5 {color: #FF0000;}
.green_b {
	color: #003333;
	font-weight:bold;
}




/* header: main menu */
#header {
	height: 84px;
	width: 900px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	text-align: left;
}

#title {
	height: 60px;
	width: 640px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: right;
	list-style-type: none;
}


#dial {
	height: 60px;
	width: 260px;
	float: right;
	margin: 0px;
	padding: 0px;
}

.menubg {
	background-image: url(images/menu1.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 900px;
	list-style : none;
	padding : 0;
	text-align: left;
	background-position: left top;
	clear: none;
	margin: 0px;
}
.menubg li {
	float:left;
	margin-left: 8px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 6px;
	text-align: center;
}
.menubg li a {
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
	display:block;  /*リンク範囲をブロックに変更する*/
	height : auto;  /*リンク範囲の高さを自動に：firefox必須*/
	color: #000000;
}
.menubg a:visited{
	color: #663399;
}
.menubg a:hover {
	color: #99E100;
}
#navigation_bar{
clear:both;
}

/* contents */
#contents {
	width: 900px;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#main {
	width: 700px;
	font-size: 12px;
	color: #666666;
	height: auto;
	margin-top: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	float: left;
	text-align: left;
}

#photoframe {
	width: 700px;
	margin-top: 10px;
	float: none;
	height: auto;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.photo {
	float: left;
	width: 137px;
	height: 176px;
	background-image: url(images/photobg3.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 3px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}
.photo li{
	display:block;
	text-align: center;
	padding: 0px;
	width: 137px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
}

.photo p {
	width: 120px;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	line-height: 15px;
	color: #666666;
}


#sub {
	width: 180px;
	float: right;
	height: auto;
	margin-top: 5px;
	padding: 0px;
}
#controller {
	display: block;
	list-style:none;
	width: 180px;
	height: 76px;
	background: url(images/arrowbg.jpg) right top no-repeat;
	margin-top: 10px;
	float: right;
	margin-right: 0px;
	margin-left: 0px;
}
#aki {
	padding: 0px;
	height: 50px;
	width: 180px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#controller #back{
	list-style:none;
	float:left;
	width:45px;
	height: 50px;
	margin-top: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(images/back.jpg);
	background-position: right top;
	overflow:hidden;
	font-size: 12px;
	font-weight: bold;
	clear: none;
	margin-left: 45px;
}
#controller #next{
	list-style:none;
	float:right;
	width:45px;
	height: 50px;
	margin-top: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(images/next.jpg);
	background-position: right top;
	overflow:hidden;
	font-size: 12px;
	font-weight: bold;
	clear: none;
	margin-right: 45px;
}
#controller #back a{
	display: block;
	text-decoration: none;
	height: 50px;
	width: 40px;
	text-indent: -7px;
	padding-top: 34px;
}
#controller #next a{
	display: block;
	text-decoration: none;
	height: 50px;
	width: 40px;
	text-indent: 7px;
	padding-top: 34px;
}

#catalog {
	display: block;
	list-style:none;
	width: 180px;
	height: 181px;
	background: url(images/catalogbg.jpg) right top no-repeat;
	margin-top: 10px;
	float: right;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
}
ul#catalog li.catalogphoto{
	margin-top: 20px;
	text-align: center;
}
ul#catalog li.catalogtxt{
	font-size: 12px;
	margin-top: 0px;
	color: #666666;
	margin-left: 20px;
	width: 140px;
	line-height: 15px;
}

.banner {
	display: block;
	list-style:none;
	width: 180px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 8px;
	margin-bottom: 0px;
	float: right;
	font-size: 10px;
	padding: 0px;
}
.banner li.bannertxt{
	width: 180px;
	font-size: 10px;
	color: #666666;
	margin-top: 2px;
	text-align: center;
}

.top_nouhin_order {
	font-size: 10px;
	line-height: 1.2em;
	color: #666666;
	text-align: center;
	height: auto;
	width: 180px;
	margin-top: 8px;
	float: right;
}
.top_nouhin_order img {
 border: 1px solid #999999;
}

#nohin {
	display: inline;
	list-style:none;
	width: 180px;
	height: 181px;
	background: url(images/nohinbg.jpg) right top no-repeat;
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul#nohin li.nohinphoto{
	margin-top: 30px;
	text-align: center;
}
ul#nohin li.nohintxt{
	width: 140px;
	font-size: 12px;
	margin-top: 0px;
	color: #666666;
	margin-left: 20px;
	line-height: 15px;
}

#page #left_img {
	margin: 0px;
	float: left;
	width: 350px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;
	text-align: right;
}
#page #right_img {
	margin: 0px;
	float: right;
	height: auto;
	width: 350px;
	text-align: left;
	padding: 0px;
}
#page #chumon {
	margin: 5 0 0 0;
	padding: 0px;
	float: none;
	width: 708px;
	height: 26px;
	clear: both;
}
#page #chumon #left_chumon {
	margin: 0px;
	float: left;
	width: 350px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#page #chumon #right_chumon {
	margin: 0px;
	float: right;
	width: 350px;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#pankuzu {
	padding: 0px;
	float: none;
	height: auto;
	width: 700px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#main #page {
	padding: 0px;
	height: auto;
	width: 705px;
	border: 1px solid #cccccc;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#cataloglist4 {
	font-size: 10px;
	color: #666666;
	padding: 0px;
	width: 700px;
	float: left;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}


#cataloglist1 {
	font-size: 10px;
	color: #666666;
	padding: 0px;
	width: 700px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}
#cataloglist2 {
	font-size: 10px;
	color: #666666;
	padding: 0px;
	width: 700px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}
#cataloglist3 {
	font-size: 10px;
	color: #666666;
	padding: 0px;
	width: 700px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}


.cata
{
	width: 693px;
	margin-bottom:5px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.cata li
{
	display: inline;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image:url(images/arrows.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height:1.3em;
}
.cata li a
{
	font-size: 10px;
	padding: 0px;
	width: auto;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.cata2
{
	width: 693px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.cata2 li
{
	display: inline;
	text-align: center;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.cata2 li a
{
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

.cata3
{
	padding: 0px;
	font-size: 10px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}
.cata3 li
{
	display: inline;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.cata3 li a
{
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*--footer--*/
#footer {
	font-size: 10px;
	color:#666666;
	padding-top:3px;
	width: 900px;
	clear: both;
	float: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align:center;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #666666;
}

.cata6
{
 width: 900px;
 margin: 0px;
 padding: 0px;
 float: none;
}
.cata6 li
{
 display: inline;
 list-style-type: none;
 margin-top: 0px;
 margin-right:7px;
 margin-bottom: 0px;
 margin-left: 0px;
 padding-top:0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 10px;
 width: auto;
}
.cata6 li a
{
 font-size: 10px;
 padding: 0px;
 margin: 0px;
 
}
.cata6 li a:hover {
 text-decoration:underline;
}

#main #gaiyo {
	margin: 0px;
	width: 670px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	height: auto;
}
#container #contents #main #left {
}
#container #contents #main #left {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 50px;
}
#container #contents #main #right {
	margin: 0px;
	padding: 0px;
	float: right;
	height: auto;
	width: 350px;
}
#cataloglist5 {
 font-size: 10px;
 color: #666666;
 padding: 0px;
 width: 700px;
 float: left;
 margin-bottom:5px;
}
.cata5
{
 width: 700px;
 margin: 0px;
 padding: 0px;
 float: none;
}
.cata5 li
{
 display: inline;
 list-style-type: none;
 margin-top: 0px;
 margin-right:7px;
 margin-bottom: 0px;
 margin-left: 0px;
 background-image: url(images/arrows.gif);
 background-repeat: no-repeat;
 padding-top:0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 10px;
 width: auto;
 height: 12px;
 background-position: left center;
}
.cata5 li a
{
 font-size: 10px;
 padding: 0px;
 margin: 0px;
 
}
.cata5 li a:hover {
 text-decoration:underline;
}




#gaibu {
	font-size: 10px;
	line-height: 1.2em;
	color: #666666;
	height: auto;
	width: 700px;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#gaibu li {
	list-style-type: none;
	height: auto;
	float: none;
	display: inline;
	margin: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image:url(images/arrows.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
#gaibu ul {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 700px;
}
h1 {
	font-size: 10px;
	color: #999999;
	text-align: right;
	margin: 0px;
}

/*--トップページの納品例とオーダー--*/

#index_nouhin {
	text-align: center;
	float: none;
	height: 162px;
	width: 180px;
	font-size: 10px;
	margin-top: 10px;
	background-image:url(images/nohinrei.jpg);
	background-repeat: no-repeat;
	line-height: 1.3em;
	color: #666666;
	display: block;
	padding: 0px;
	clear: both;
}
#index_nouhin img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.name_list {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color:#6699CC;
}
.list_no {
	font-size: 12px;
	font-weight: bold;
	color: #CC3366;
}
#search {
	text-align: left;
	font-size: 10px;
	color: #FFFFFF;
	margin-top: 10px;
	background-color: #006666;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
}
.attention {
	float: none;
	width: 700px;
	margin-top: 5px;
	height: auto;
	padding-left: 10px;
}

#title_img {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 60px;
	width: 520px;
}
#title_tenpo {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 60px;
	width: 120px;
}
h3 {
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#main_txt {
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}
h2 {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}