@charset "Shift_JIS";

/* default */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }


/* general setting */
body {
	margin: 0;
	padding: 0;
	font-size: 80%;
}

a:link {
	color: #846410;
}
a:visited {
	color: #745410;
}
a:hover {
	color: #D1A121;
}
a:active {
	color: #D1A121;
}

p {
	display: block;
	line-height: 170%;
	margin: 0;
	padding: 0;
}

em.red {
	color:red;
}

a1 {
　　font-size: 130%;
　　font-weight:bold;
}

h1 {
	display: block;
	font-size: 120%;
	color: #006699;
	font-weight: bold;
	padding-bottom: 2px;
	margin: 0;
}

h2 {
	display: block;
	font-size: 100%;
	color: #707f87;
	font-weight: bold;
	padding-bottom: 2px;
	margin: 0;
}

div.hr {
	border-bottom: 1px solid #CCCCCC;
	padding-top: 10px;
	_padding-top: 0;
	margin-bottom: 10px;
	clear: both;
}

div.U {
	padding-top: 10px;
	clear: both;
}

div.U2 {
	padding-top: 20px;
	clear: both;
}

div.U3 {
	padding-top: 30px;
	clear: both;
}

div.M {
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
}

div.M2 {
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
}

div.M3 {
	padding-top: 30px;
	padding-bottom: 30px;
	clear: both;
}

div.D {
	padding-bottom: 10px;
	clear: both;
}

div.D2 {
	padding-bottom: 20px;
	clear: both;
}

div.D3 {
	padding-bottom: 30px;
	clear: both;
}

/* base design */

div#wrapper {
	width: 940px;
	margin: 0 auto;
	padding: 0;
}

div#header {
	width: 940px;
	padding-top: 30px;
}

div#logo {
	width: 90px;
	float: left;
	padding-bottom: 10px;
}

div#english {
	width: 100px;
	float: left;
	padding-top: 40px;
}

div#base {
	width: 940px;
	margin: 0;
	padding: 0;
	float: left;
}

div#base_a {
	width: 150px;
	float: left;
	padding-top: 80px;
	margin: 0;
}

div#base_b {
	width: 540px;
	float: left;
	padding-left: 30px;
	margin: 0;
}

div#base_c {
	width: 200px;
	float: right;
	padding-top: 15px;
	margin: 0;
}

div#base_c_img {
	width: 140px;
	float: left;
	padding-top: 120px;
	padding-left: 30px;
	margin: 0;
}

div.2photo {
	width: 540px;
	clear: both;
	padding-bottom: 20px;
}

div.photo2_a {
	width: 250px;
	padding-right: 40px;
	float: left;
}
div.photo2_b {
	width: 250px;
	float: left;
}

div.photo2_sf_a {
	width: 250px;
	padding-right: 40px;
	float: left;
	padding-bottom: 20px;
}
div.photo2_sf_b {
	width: 250px;
	float: left;
	padding-bottom: 20px;
}

div.photo2_a p {
	padding-top: 5px;
}

div.photo2_b p {
	padding-top: 5px;
}

div.photo2_a small {
	display: block;
	font-size: 85%;
	padding-top: 5px;
}

div.photo2_b small {
	display: block;
	font-size: 85%;
	padding-top: 5px;
}

div.3photo {
	width: 540px;
	clear: both;
	padding-bottom: 20px;
}

div.photo_a {
	width: 160px;
	padding-right: 30px;
	float: left;
}
div.photo_b {
	width: 160px;
	float: left;
}

div.photo_a p {
	padding-top: 5px;
}

div.photo_b p {
	padding-top: 5px;
}

div.photo_a small {
	display: block;
	font-size: 85%;
	padding-top: 5px;
}

div.photo_b small {
	display: block;
	font-size: 85%;
	padding-top: 5px;
}

div.3-2photo {
	width: 540px;
	clear: both;
	padding-bottom: 20px;
}

div.photo3-2_a {
	width: 150px;
	padding-right: 12px;
	float: left;
}
div.photo3-2_b {
	width: 216px;
	float: left;
}

div.photo3-2_a p {
	padding-top: 5px;
}

div.photo3-2_b p {
	padding-top: 5px;
}

div.photo3-2_a small {
	display: block;
	font-size: 85%;
	padding-top: 5px;
}

div.photo3-2_b small {
	display: block;
	font-size: 85%;
	padding-top: 5px;
}

div.photo4 {
	float: left;
	width: 540px;
}

div.photo4_a {
	float: left;
	padding-right: 20px;
	width: 120px;
}

div.photo4_b {
	float: left;
	width: 120px;
}

/* boccodeco */
div.photo5 {
	float: left;
	width: 540px;
}

div.photo5_a {
	float: left;
	padding-right: 20px;
	width: 250px;
}

div.photo5_b {
	float: left;
	width: 250px;
}

/* snowflake */
div.photo4_sf {
	clear: both;
	width: 540px;
}

div.photo4_sf_a {
	float: left;
	padding-right: 15px;
	width: 120px;
	padding-bottom: 20px;
}

div.photo4_sf_b {
	float: left;
	width: 120px;
	padding-bottom: 20px;
}

div.photo4_a p {
	padding-top: 5px;
}

div.photo4_b p {
	padding-top: 5px;
}

div.photo4_a small {
	display: block;
	font-size: 85%;
	padding-top: 5px;
}

div.photo4_b small {
	display: block;
	font-size: 85%;
	padding-top: 5px;
}

/* global navi */
ul#gn {
	width: 540px;

	clear: both;
	height: 46px;/*メニュー部分の高さ*/
	margin: 0;
	padding: 0;
}

li#gn_home {
	display: block;
	float: left;
	width: 80px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

li#gn_uchiwa {
	display: block;
	float: left;
	width: 86px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

li#gn_paper {
	display: block;
	float: left;
	width: 199px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

li#gn_lantern {
	display: block;
	float: left;
	width: 84px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

li#gn_contact {
	display: block;
	float: left;
	width: 91px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

li#gn_home_e {
	display: block;
	float: left;
	width: 72px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

li#gn_uchiwa_e {
	display: block;
	float: left;
	width: 122px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

li#gn_paper_e {
	display: block;
	float: left;
	width: 180px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

li#gn_lantern_e {
	display: block;
	float: left;
	width: 76px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

li#gn_contact_e {
	display: block;
	float: left;
	width: 90px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

/* local navi */
ul#l_navi {
	margin: 0;
	padding: 0;
	text-decoration: none; 
}
li.l_navi {
	border-top: 1px solid #999999;
	height: 35px;
}

li.l_navi_lang {
	padding-bottom: 10px;
	text-align: right;
}

li.l_navi_lang a:link,a:visited {
	text-decoration: none;
	color: #000000;
}

li.l_navi_lang a:hover,a:active {
	text-decoration: underline;
	color: #CC0000;
}

li.l_navi img {
	vertical-align: bottom;
}

li.l_navi_b {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	height: 35px;
}

li.l_navi_b img {
	vertical-align: bottom;
}

/* home */
div#footer {
	clear: both;
	width: 940px;
	margin: 0 auto;
	text-align: center;
	font-size: 80%;
	padding: 10px 0 10px;
}

/* home */
body#home {
	background: url(img/home_img.jpg) no-repeat;
	background-position: left bottom;
	background-attachment: fixed;
}

div#news {
	clear: both;
	width: 118px;
	border: 1px solid #999999;
	padding: 10px;
}

div#news p {
	font-size: 80%;
	display: block;
	line-height: 140%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DDDDDD;
}

div#news p em {
	color: #006600;
}

/* producer */
div#img_producer {
	width: 540px;
	background: url(img/producer_img.jpg) no-repeat;
	background-position: right top;
}

/* uchiwa */
body#uchiwa {
	background: url(img/uchiwa.jpg) no-repeat;
	background-position: left bottom;
	background-attachment: fixed;
}

div#img_uchiwa {
	width: 540px;
	background: url(img/uchiwa_img.jpg) no-repeat;
	background-position: right top;
}

/* revival */
div#img_revival {
	width: 540px;
	background: url(img/revival_img.jpg) no-repeat;
	background-position: right top;
}


/* products */
div#img_products {
	width: 540px;
	background: url(img/products_img.jpg) no-repeat;
	background-position: right top;
}

/* komaru */
div#img_komaru {
	width: 540px;
	background: url(img/komaru_img.jpg) no-repeat;
	background-position: right top;
}

/* uchiwa_howto_01 */
div#img_uchiwa_howto_01 {
	width: 540px;
	background: url(img/uchiwa_howto_01.jpg) no-repeat;
	background-position: right top;		
}

/* uchiwa_howto_02 */
div#img_uchiwa_howto_02 {
	width: 540px;
	background: url(img/uchiwa_howto_02.jpg) no-repeat;
	background-position: right top;		
}

/* uchiwa_howto_03 */
div#img_uchiwa_howto_03 {
	width: 540px;
	background: url(img/uchiwa_howto_03.jpg) no-repeat;
	background-position: right top;		
}

/* uchiwa_howto_04 */
div#img_uchiwa_howto_04 {
	width: 540px;
	background: url(img/uchiwa_howto_04.jpg) no-repeat;
	background-position: right top;		
}


/* how to */
div#img_howto01 {
	width: 540px;
	background: url(img/howto01.jpg) no-repeat;
	background-position: right top;
}

/* paper */
div#img_paper {
	width: 540px;
	background: url(img/paper_img.jpg) no-repeat;
	background-position: right top;
}

div.process {
	width: 540px;
}
div.process_l {
	float: left;
	width: 170px;
}
div.process_r {
	float: left;
	width: 370px;
}

div.process_y {
	padding: 10px 0 10px 60px;
	clear: both;
}

/* washi_02 */
div#img_washi_02 {
	width: 540px;
	background: url(img/washi_howto_img02.jpg) no-repeat;
	background-position: right top;
}

/* washi_03 */
div#img_washi_03 {
	width: 540px;
	background: url(img/washi_howto_img03.jpg) no-repeat;
	background-position: right top;
}

/* artisan */
body#artisan {
	background: url(img/corsoyard.jpg) no-repeat;
	background-position: left bottom;
	background-attachment: fixed;
}

div#img_artisan {
	width: 540px;
	background: url(img/artisan_img.jpg) no-repeat;
	background-position: right top;
}

/* garden */
div#img_garden {
	width: 540px;
	background: url(img/garden_img.jpg) no-repeat;
	background-position: right top;
}

/* symphony */
div#img_symphony {
	width: 540px;
	background: url(img/symphony_img.jpg) no-repeat;
	background-position: right top;
}

/* snowflake */
div#img_snowflake {
	width: 900px;
	height: 500px;
	background: url(img/snowflake_img.jpg) no-repeat;
	background-position: right top;
}

div#img_snowflake2 {
	width: 540px;
	background: url(img/snowflake_img2.jpg) no-repeat;
	background-position: right top;
	margin-top: 5px;
}

/* hirocoledge */
div#img_hirocoledge {
	width: 540px;
	background: url(img/hirokoledge_img.jpg) no-repeat;
	background-position: right top;
}

/* forest */
div#img_forest {
	width: 540px;
	background: url(img/forest_img.jpg) no-repeat;
	background-position: right top;
}


/* contact */
div#img_contact {
	width: 540px;
	background: url(img/contact_img.jpg) no-repeat;
	background-position: right top;
}

/* contact formmail */
div.contact {
	clear: both;
	width: 540px;
}

div.contact ul {
	margin: 0;
	padding: 0;
}

div.contact li {
	vertical-align: text-top;
	width: 540px;
	clear: both;
}

div.cl {
	float: left;
	padding: 10px 0 0 10px;
	width: 179px;
	height: 25px;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
}
div.cr {
	float: left;
	padding: 5px 0 0 10px;
	width: 338px;
	height: 30px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
}

div.cl2 {
	float: left;
	padding: 10px 0 0 10px;
	width: 179px;
	height: 150px;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

div.cr2 {
	float: left;
	padding: 10px 0 0 10px;
	width: 338px;
	height: 150px;
	border: 1px solid #999999;
}

textarea#formmail {
	width: 320px;
	height: 130px;
}

div.dvd {
	width: 540px;
	clear: both;
}

div.dvda {
	width: 260px;
	float:left;
}

div.dvdb {
	width: 280px;
	float: left;
	padding-top: 10px;
}

div.dvdb2 {
	width: 280px;
	float: left;
	padding-top: 130px;
}

div.flash_right {
	width: 230px;
	padding-left: 10px;
	height: 290px;
	float: right;
}

div.flash_right div {
	width: 230px;
	height: 220px;
}

div.flash_right p {
	font-weight:bold;
	color: #993300;
	width: 230px;
	font-size: 85%;
	line-height: 120%;
}

/* snowfleak */
h1.title_jap {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3","Century";
	padding-bottom: 5px;
	font-size: 105%;
}
h1.title_Eng {
	font-family: "ＭＳ Ｐ明朝","Century";
	padding-bottom: 5px;
	font-size: 95%;
}

/* home */
div#wrapper_home {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	padding-top: 20px;
}

div#header_home {
	width: 800px;
	float: left;
	text-align: left;
	padding-bottom: 10px;
}

div#logo_home {
	width: 100px;
	float: left;
}

div#language {
	width: 250px;
	float: left;
	padding-top: 36px;
}

div#language ul {
	padding: 0;
	margin: 0;
}

div#language ul li {
	float: left;
	padding: 0;
	margin: 0;
	padding-right: 50px;
}

div#header_home_right {
	width: 400px;
	float: right;
	padding-bottom: 10px;
}

div#contact_home {
	width: 400px;
	text-align: right;
	float: right;
	padding-bottom: 15px;
}

div#search_home {
	width: 400px;
	text-align: right;
	float: right;
	padding: 0;
	margin: 0;
}

div#search_home ul {
	padding: 0;
	margin: 0;
}

div#search_home ul li {
	padding: 0;
	margin: 0;
	float: right;
	padding-left: 5px;
}

div#search_home table {
	padding: 0;
	margin: 0;
	float: right;
}


div#flash_home {
	width: 800px;
	float: left;
	padding-bottom: 15px;
}

div#contents_home {
	width: 800px;
	float: left;
	text-align: left;
}

div#footer_home {
	padding-top: 10px;
	width: 800px;
	text-align: center;
	margin: 0 auto;
	float: left;
}