@charset "UTF-8";
/* CSS Document */

/* 全体構造 */

body{text-align:center;
     background-color:#FFFFFF;
     margin-top: 20px;
	 font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 'Meiryo', sans-serif;
	 font-size:100%;
	 }

	a{font-weight: normal;}
	
	a:link{
	color:#0066FF;
	text-decoration: none;}
	

    a:visited{
	color:#0066FF;
	text-decoration: none;
	font-weight: normal;}

    a:hover{
	color:#006699;
	text-decoration:underline;
	font-weight: normal;}

    
	a:active{
	text-decoration: none;}
	 
	 

#wrapper{
background-color:#FFFFFF;
	text-align:left;
	margin:0px auto;
	padding:0;
}

#wrapper img{margin:0px 0px;
             vertical-align:bottom;
		     border:none;
}

.content{
         

		 }
#content1{
          margin:0px 0px;
		  }

#content4{
          margin:0px 0px 35px;
}	
#content5{
padding:10px 0 10px;
          margin:0px 0px;
		  border-top:#CCCCCC 1px solid;
}	
#content6{
padding:10px 15px 10px;
          margin:0px 0px;
		  line-height:20px;
     font-size:69%;
     color:#333333;
}	
#sidebar{
		 margin:0;
		 background-color:#FFFFFF;
}

/* カレンダー */

#calendar{
background-color:#FFF;
		 	font-size:73%;
		color: #666666;
		 padding:10px 0px 10px;
}

table#calendar1{
margin:0;
width:100%;
}

table#table1 td, table#table1 th{
		color: #333333;
	font-weight:normal;	

}

/* index３段 */
#content8{
margin:30px 0px;
}

#content7{
}

#center{
}

#migi{
}

#hidari{
}

/* オプション */
#picture{

}

#picture img{margin-bottom:50px}

#bun{
}

#box{
margin:50px 0px 0px;
}

#swap{
text-align:center;
}
#swap img{margin:15px 0 30px;
padding:0px 20px;}

/* ヘッダ */

#header{
margin:0;
}

h1{
margin: 0px;
font-size:small;
text-align:center;
}
h1 img{
vertical-align:bottom;
width:65%;
}
#header ul{
margin:0;

line-height:20px;
padding:10px 0;
}
#header li{
display:inline;
padding-right: 10px;
font-size:75%;
color:#0066FF;
}

h2{background-image:url(../img/photo/3_top_mo.jpg);
width:100%;
font-size:75%;
margin:0px 0px 40px 0px;
padding: 13px 0px 380px 0px;
color:#FFF;
}

h3{background-image:url(../img/photo/midashi_bar.jpg);
width:brok;
margin:10px 0px 40px 0px;
padding: 13px 0px 13px 5px;
color:#333;
}

/* 左右 */

.hidari{

}
.migi{

}
#hidari1,#migi1{

font-size:83%;
color:#333333;
margin:10px 0px 30px;
line-height:20px;
padding:0.5em 10px 0.5em;
}
#migi2{

font-size:75%;
color:#333333;
margin:0px 0px 30px;
line-height:20px;
}
#migi2 img{margin:0 0 10px;
}
#migi3{

margin:0px 0px;
}
#migi4{

margin:20px 20px 15px 0px;

}
#hidari2{

margin:0px 0px 15px;
}
#hidari2 img{margin:15px 0 10px 0px;
}
#hidari3{

margin:0px 0px 30px;
}
#hidari4{

margin:20px 0px 15px 20px;
}

#clear{clear: both;
}


/* title */

.title {display:block;
	text-indent: -9999px;
	background-repeat:no-repeat;
	width: 100%;
	height:30px;
	list-style:none;
}


/* 回り込み */

.clearfix img {float:left}
.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 */

/* 終わり */

#footer{
	
	color:#666666;
	clear: both;
    margin: 50px auto 0px;
    text-align:center;
	padding:10px 0px;
    font-size:69%;
	background-color:#CCCCCC;

}

/* intro */

a.topli:link {
	color:#009900;
	text-decoration: none;
	
	font-weight: normal;
}
a.topli:visited {
	color:#009900;
	text-decoration: none;
	
	font-weight: normal;
}
a.topli:hover {
	text-decoration:none;
	color:#CCCCCC;
	
	font-weight: normal;

}
a.topli:active {
	color: #CCCCCC
}

a.setsu:link {
	color:#333333;
	text-decoration: none;
	
	font-weight: normal;
}
a.setsu:visited {
	color:#333333;
	text-decoration: none;
	
	font-weight: normal;
}
a.setsu:hover {
	text-decoration:none;
	color:#CCCCCC;
	
	font-weight: normal;

}
a.setsu:active {
	color: #CCCCCC
}

#gomen{
	text-align:right;
	padding:5px 15px 0px 5px;
	font-size: 75%;
	color:#333333;
	margin:30px 0px 10px;
	clear: both;
	line-height: 24px;
     }				

/* P */

p{
   
   font-weight:normal;
}

p.setsu{line-height:20px;
     font-size:83%;
     color:#333333;
	 text-align:left;
	 margin:0px 15px;
	 
     }

p.setsu2{line-height:20px;
     font-size:75%;
     color:#333333;
	 text-align:left;
	 margin:10px 0px;
	 padding:0px 15px;
     }	 
p.setsu3{line-height:20px;
     font-size:83%;
     color:#333333;
	 text-align:left;
	 margin:10px 0px;
	 padding:0px 15px 50px;
 }
p.setsu4{line-height:20px;
     font-size:69%;
     color:#333333;
	 margin:0px;
	 padding:0px 0px 15px;
 }
p.setsu5{line-height:20px;
     font-size:75%;
     color:#333333;
	 padding:0px 0px 0px  15px;
     }
p.setsu6{line-height:20px;
     font-size:83%;
     color:#000000;
	 padding:0px 0px 0px 5px;
	 font-weight:bold;
     }
p.setsu7{line-height:20px;
     font-size:83%;
     color:#333333;
	 padding:0px 0px 0px 5px;
	 }

p.setsu8{
     font-size:83%;
     color:#666666;
	 padding:5px 0px 5px 5px;
	 background-image:url(../img/suosyoku/gray.gif);
	 margin:0 0 40px;
	 line-height:25px;
	 }
p.setsu9{line-height:20px;
     font-size:14px;
	 text-align:left;
	 padding:15px 15px 10px;
 }
p.komidashi{font-size:medium;
font-weight:bold;
color:#333333;
border-bottom: #333333 1px dotted;
border-top: #333333 1px dotted;
padding:0.5em 5px 0.5em;
margin: 0 0 5px;

}
p.komidashi2{font-size:medium;
font-weight:bold;
color:#333333;
border-bottom: #333333 1px dotted;
padding:0.5em 5px 0.5em;
margin: 0 0 5px;

}

p.waku{padding:0px 0px;
       margin:0px 0px;
}
p.itemichiran{
     line-height: 18px;
	 font-size:75%;
     color:#666666;
	 margin:10px 0px;
	 text-align:left;
	 padding:10px 15px;
     }
p.p1{font-size:75%;
     color:#333333;
     line-height:20px;
	 padding-top:0px;
}
p.p2{font-size:83%;
     color:#330000;
	 line-height:10px;
	 padding:2px 0;
}
p.p3{padding:0px 10px 20px;
font-size:83%;
line-height:20px;
}
p.p4{padding:5px 10px 0px;
font-size:13px;
color:#CC3300;
line-height:20px;
}
p.float{float:right}
.p6{
	font-size:69%;
	color:#333333;
	line-height:20px;
	padding:0px 0px 15px 0;
	margin:0 0 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#CCCCCC;
}
.p6 img{padding:0 0 5px;}
.p10{line-height:18px;
	color:#333333;
	font-size:69%;
	margin:2px 0 3px;
	padding:0 0px;
}
/* テーブルサイズ表 */

table#table1{
width:100%;
margin:0;
	border-width : 1px 0px 0px 1px;
	border-style : solid;
	border-color:#CCCCCC;
}
table#table1 td, table#table1 th{
		font-size:12px;
		color: #333333;
	font-weight:normal;	
	border-width : 0px 1px 1px 0px;
	border-style : solid;
	border-color:#CCCCCC;
	text-align:center;
	padding:5px 0 5px;

}
table#table1 th{
background-image:url(../img/suosyoku/gray.gif);
}

table#table2{
margin:0;
width:100%;
	border-width : 1px 0px 0px 1px;
	border-style : solid;
	border-color:#CCCCCC;
}
table#table2 td, table#table2 th{
		font-size:12px;
		color: #333333;
	font-weight:normal;	
	border-width : 0px 1px 1px 0px;
	border-style : solid;
	border-color:#CCCCCC;
	text-align:left;
	padding:10px 10px 10px;

}
table#table2 th{
background-image:url(../img/suosyoku/gray.gif);
}


/* 購入 */

#buy{
       float:right;
       margin:20px 0 0;
	   padding:0;
	   text-align:center;
	   	background-image:url(file:///Macintosh HD/Users/mega/Sites/print-system/index/img/sousyoku/blue.gif);
	background-repeat:repeat-y;
}

#buy2{
       float:right;
       margin:40px 0 10px;
	   padding:0;
	   background-image:url(file:///Macintosh HD/Users/mega/Sites/print-system/index/img/sousyoku/buy.gif);
}
#buy3{
       float:right;
       margin:0;
	   padding:0;
	   background-image:url(file:///Macintosh HD/Users/mega/Sites/print-system/index/img/sousyoku/gray.gif);
	   }
#variation{ margin:40px 0px;
line-height:20px;
     font-size:75%;
     color:#333333;
padding:0px;
float:left;

}
#buymigi{width:320px;
       float:right;
       margin:0;
	   padding:0;


}
#buyhidari{width:130px;
       float:left;
       margin:0;
	   padding:0;
	   text-align:right;
}
#buyhidari img{padding:20px 0 0px;
}
/* ミニ */

#mini{width:130px;
float:left;
text-align:center;
margin:0px 0px 10px;
font-size:69%;
line-height: 18px;
}

#waku1 {
	padding:0px;
	margin:0px 0px 10px;
}
#waku2 {
	padding:0px;
	margin:0px 0px 25px;
}	
#waku3 {
	color:#333333;
	font-size:69%;
	line-height:18px;
	padding:5px 5px 30px;
	margin:0px 0px 25px;
	border: 1px solid #999999;
	
}
#waku4 {
	color:#333333;
	font-size:69%;
	line-height:18px;
	padding:0px 10px 30px 0px;
	margin:40px 0px 0px;
}

#waku5 {
	padding:0px;
	margin:0px 0px 25px;
text-align:center;
}	
/* 別色 */
.daidai {color:#FFCC00}
.orange {color:#FF6600}
.akamoji {color: #660000}
.akaaka{color:#FF0000}
.mizmiz{color:#39C}
.midmid{color:#0C0}
/* 全商品 */

#links{margin: 3px 0 0;
padding:0;
list-style: none;
text-align:left;
}
#links ul{margin: 0;
padding:0px;
}
#links li{margin: 0;
padding:0;
font-size:69%;
line-height:18px;
display:block;
}
#links a{padding:3px 0px 3px 5px;
     margin:0;
	 color:#666666;    
	text-decoration: none;
	display:block;
}

#links a:hover	{
	color:#CCCCCC;
}

/* ナビゲーション */

.navi {margin:0;
padding:0;
list-style:none;
}
#navi ul{margin:0;
padding:0;
list-style:none;
}
#navi li{margin:0;
padding:0;
font-size:69%;
line-height:18px;
display:block;

}
#navi li a{
margin:0;
text-decoration: none;
display:block;
color:#666666;
padding:7px 0px 7px 18px;
}

#navi li#aaa{

background-image:url(../index/img/contents/navi3.gif);
background-repeat:no-repeat;
background-position: 0;
}
#navi li#aaa a:hover{

color:#333333;
background-image:url(../index/img/contents/navi4.gif);
background-repeat:no-repeat;
background-position: 0;
}


#navi li#tali {
	text-indent:-9999px;
	padding:0px 0px 5px;
	background-repeat:no-repeat;
	background-image:url(../index/img/contents/tali.gif);
	width: 100%;
	height:30px;
}
#navi li#view {
	text-indent:-9999px;
	padding:0px 0px 5px;
	background-repeat:no-repeat;
	background-image:url(../index/img/contents/viewcart.gif);
	width: 100%;
	height:23px;
}

/* 角丸 */

#recome{
	margin:0px;
	border-bottom:1px dotted #333333;
	padding:0 0 30px;
}
#recomemini{width:115px;
float:left;
margin:30px 0px 10px;
font-size:69%;
line-height: 18px;
}

/* form */

form {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0.5em 0 1.3em 0;
  border-width: 1px;
  border-color: #726d6b;
  border-style: none none dotted none;
  font-size: 83%;
  color:#333333;
}
fieldset#last {
  border-bottom: none;
}
.label {
  clear: left;
  display: block;
  padding-top: 0.8em;
  padding-left: 0px;
  padding-right:0px;
  float: left;
  line-height: 2em;
}
.control {
  display: block;
  padding-top: 0.8em;
  line-height: 2em;
  clear: left;
}
input, select, textarea {
  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  vertical-align: middle;
  color:#333333;
  background: #f1f1ed;
}
input.radio {
  border-style: none;
  color: #000000;
  background: transparent;
}

.label-m {
  clear: left;
  display: block;
  padding-top: 0.8em;
  padding-left: 12px;
  float: left;
  line-height: 2em;
  background:url(../img/suosyoku/gray.gif) no-repeat 0px 1.5em;
}
input.req1, select.req1 {
  border-style: solid;
  border-width: 2px;
  border-color: #9999FF;
  vertical-align: middle;
  color: #696969;
  background: #f6f6f2;
}
input.req2 {
  border-style: dashed;
  border-width: 2px;
  border-color: #9999FF;
  vertical-align: middle;
  color: #696969;
  background: #f6f6f2;
}

#kiyakutext {

  height:150px;
  overflow:auto;
  display: block;
  margin: 15px 0 0 0;
  padding: 5px;
  font-size: 10px;
  line-height: 1.5em;
  background: #f6f6fc;
}
html>body #kiyakutext {
  padding: 15px;
}

input:focus, select:focus, textarea:focus {
  background: #ffffff;
}


/* 入力部品の幅設定 */

#mail1, #mail2, #city, #number, #bldg, #comment {
  width: 100%;
}
#pass1, #pass2 {
  width: 100%;
}
#name1, #name2, #name3, #name4, #year, #month, #day {
  width: 100%;
}
#post1, #post2 {
  width: 100%;
}
#state {
  width: 100%;
}
#tel1, #tel2, #tel3, #fax1, #fax2, #fax3 {
  width: 100%;
}
#normal {
  width: 100%;
}

/* 送信ボタン */

#submit input {
border:none;
vertical-align:central;
}
#submit {
  margin:0px 0 0 0;
  padding: 2em 5em;
  line-height: 2em;
  border-width:0px;
  clear: left;
}





/* CGI */

#top{font-size:14px;
color:#666;
padding:25px 0px;

}
#red{font-size:15px;
color:#F00;
padding:25px 0px;

}
#last{font-size:83%;
color:#666;
padding:25px 0px;
line-height:25px;

}