html{
height:100%;
}
body {
background-color: #FFFFFF;
text-align:center;
height:100%;
border:0px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:105%;
line-height:160%;
-webkit-text-size-adjust: 100%;
}
/* page
------------------------------------- */
#page1 {
background-color: #FFFFFF;
width:100%;
margin-right:auto;
margin-left:auto;
text-align:left;
position:relative;
min-height: 100%;
line-height:160%;
}
* html div#page1 {
height:100%;
}
/* content
------------------------------------- */
#content{
margin:0px 0px 0px 0;
width:100%;
}
/* kiji-image
------------------------------------- */
.size35{
text-align: center;
width: 35px;
height: 35px;
}
.size55{
text-align: center;
width: 55px;
height: 55px;
}
.size120{
text-align: center;
width: 120px;
height: 120px;
}
img{
vertical-align:top;
}
/* main
------------------------------------- */
#main1{
margin:0 auto;
padding:0;
}
#main_body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}
/* parts4 list top diary
------------------------------------- */
.parts4{
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
.parts4 .kiji_contents{
margin:0px 0px 0px 0px;
padding:90px 0 0 40px;
clear:both;
}
.parts4 .kiji_image{
margin:0px 15px 0px 0px;
padding:0px 0px 0px 0px;
height:120px;
width:120px;
float:left;
}
.parts4 .kiji_body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
width: 280px;
font-size:12px;
line-height:150%;
}
.parts4 h3{
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
color:#000000;
font-size:116%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
border-left:none;
}
.parts4 p{
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.parts4 .kiji_date{
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
font-size:100%;
text-indent:0px;
}
.parts4 .kiji_more {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.parts4 .links {
display:none;
}
/* parts8 free
------------------------------------- */
.parts8 h2{
background-color: #EDAD00;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 10px;
height:34px;
line-height:34px;
color:#ffffff;
font-size:116%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
text-align:left;
}
.parts8.free{
background-color: #ffffff;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
/* parts5 list
------------------------------------- */
.parts5{
background-color: #ffffff;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
.parts5 h2{
background-color: #EDAD00;
margin:0px 0px 2px 0px;
padding:0px 0px 0px 10px;
height:34px;
line-height:34px;
color:#ffffff;
font-size:116%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
}
.parts5 .kiji_contents{
margin:0px 0px 0px 0px;
padding:5px 10px 5px 10px;
clear:both;
border-bottom:1px dotted #aaaaaa;
}
.parts5 .kiji_image{
background-color: #ffffff;
border:1px solid #999999;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
height:55px;
width:55px;
float:left;
}
.parts5 .kiji_body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}
.parts5 h3{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#000000;
font-size:100%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
}
.parts5 h3 a,
.parts5 h3 a:link,
.parts5 h3 a:active,
.parts5 h3 a:visited{
color: #0000FF;
text-decoration: none;
}
.parts5 h3 a:hover {
color: #8F0CFC;
text-decoration: underline;
}
.parts5 p{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#777777;
font-size:93%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
}
.parts5 .kiji_date{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#777777;
font-size:85%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
}
.parts5 .links {
color:#777777;
line-height:25px;
margin:3px 5px 0px 0px;
padding:0;
text-align:right;
font-size:100%;
}
.parts5 .links a,
.parts5 .links a:link,
.parts5 .links a:active,
.parts5 .links a:visited{
color: #777777;
text-decoration: none;
}
.parts5 .links a:hover {
color: #8F0CFC;
text-decoration: underline;
}
/* parts6 free
------------------------------------- */
.parts6 {
}
.parts6 h2{
margin:0 auto 50px auto;
font-size:40px;
padding:40px 0;
text-align:center;
letter-spacing:2px;
background-color:#000;
color:#FFF;
font-family: Times New Roman,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.parts6.free{
background-color: #ffffff;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.parts6.free a,
.parts6.free a:link,
.parts6.free a:active,
.parts6.free a:visited{
color: #000000;
text-decoration: none;
}
.parts6.free a:hover {
color: #8F0CFC;
text-decoration: underline;
}
/* parts7 form
------------------------------------- */
.parts7{
}
.parts7 h2,
.parts18 h2{
margin:0 auto 50px auto;
font-size:40px;
padding:40px 0;
text-align:center;
letter-spacing:2px;
background-color:#000;
color:#FFF;
font-family: Times New Roman,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.parts7 .contact_contents,
.parts18 .contact_contents{
margin:0px auto;
padding:5px 10px 5px 10px;
clear:both;
width:980px;
}
.parts7 .contact_text,
.parts18 .contact_text{
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
}
.parts7 .contact_form li,
.parts18 .contact_form li{
display:inline-table;
margin:0px 0px 8px 0px;
width:980px;
border-bottom:1px solid #000;
padding:10px 0 15px 0;
}
.parts7 .contact_index,
.parts7 .contact_body,
.parts7 .contact_submit,
.parts18 .contact_index,
.parts18 .contact_body,
.parts18 .contact_submit{
float:left;
}
.parts7 .contact_index{
text-align:right;
width:180px;
line-height:150%;
font-size:93%;
color:#000000;
min-height: 1px;
padding-top:2px;
}
.parts18 .contact_index{
width:310px;
line-height:150%;
font-size:16px;
color:#000000;
min-height: 1px;
padding-top:2px;
padding:0 0 0 20px;
}
.parts7 .contact_body{
padding:0px 0px 0px 10px;
width:375px;
}
.parts18 .contact_body{
padding:0px 0px 0px 10px;
width:500px;
}
.parts7 .contact_body input,
.parts7 .contact_body textarea,
.parts18 .contact_body input,
.parts18 .contact_body textarea{
border:1px solid #B7B8B8;
padding:4px;
margin:0px 0px 0px 0px;
font-size:100%;
}
.parts7 .contact_body textarea,
.parts18 .contact_body textarea{
margin:0px 0px 0px 0px;
width:375px;
}
.parts7 .contact_body select,
.parts18 .contact_body select{
border:1px solid #B7B8B8;
padding:2px;
font-size:100%;
}
.parts7 .contact_body option,
.parts18 .contact_body option{
line-height:150%;
padding:0px 5px;
}
.parts7 .contact_body_comment,
.parts18 .contact_body_comment{
font-size:85%;
color:#777777;
}
.parts7 .contact_body_needs{
font-size:85%;
color:#CC0000;
}
.parts18 .contact_body_needs{
font-size:14px;
color:#CC0000;
text-align:right;
margin:-22px 0 0 0;
}
.parts7 .contact_submit,
.parts18 .contact_submit{
color:#ffffff;
margin:0px 0px 0px 10px;
padding:6px 0px;
}
.parts7 .contact_ssl,
.parts18 .contact_ssl{
margin:20px 0px 0px 90px;
padding:0px 0px;
line-height:150%;
font-size:85%;
}
.parts7 .contact_ssl img,
.parts18 .contact_ssl img{
margin:0px 0px 5px 0px;
padding:0px 0px;
}
input#Value_2128{
width:400px;
}
.font_l{
font-size:140%;
font-weight:bold;
}
/* header
------------------------------------- */
#header{
height:238px;
margin:0 auto;
width:980px;
position:relative;
}
#header .logo{
position:absolute;
top:0px;
left:0px;
}
#header ul.g_navi{
margin:0;
padding:0;
position:absolute;
right:0px;
top:20px;
}
#header ul.g_navi li{
float:right;
}
h3{
font-size:160%;
font-weight:normal;
margin:80px 0 20px 0;
border-left:0.5em solid #000000;
padding:0 0 0 10px;
}
h4{
border-radius:3px;
background-color:#DCDCDC;
font-size:120%;
font-weight:normal;
padding:8px 1em;
margin:60px 0 20px 0;
}
.box_left{
width:490px;
float:left;
}
.box_right{
width:490px;
float:right;
}
.wrapper{
width:980px;
margin:0 auto;
}
.outline{
width:425px;
float:left;
font-size:17px;
line-height:200%;
margin:15px 0 0 0;
}
.outline ul{
margin:0;
padding:0;
}
.outline ul li{
background-image:url("2ce740627f95db57a7486b9c.png");
background-repeat:no-repeat;
background-position:bottom;
padding:0 0 0 15px;
margin:0 0 5px 0;
}
.diary{
background-image:url("4be7812cdd923ee6be15b4c8.png");
width:510px;
height:330px;
background-repeat:no-repeat;
float:right;
}
.diary .bt_diary{
margin:20px 0 0 140px;
}
.mincho {
font-family: Times New Roman,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.font120{
font-size:120%;
}
.tsukemono{
background-image:url("c4427928ab9c455bff1931c1.jpg");
background-repeat:no-repeat;
background-position:top center;
background-color:#ebdfc9;
padding:200px 0 100px 0;
margin:30px 0 0 0;
}
.slider_area{
margin: 0 auto 80px;
max-width: 1380px;
min-width: 980px;
width: 100%;
}
ul.pro{
margin:0;
padding:0;
}
ul.pro li{
float:left;
width:230px;
margin:0 6px;
}
ul.pro dl{
margin:0;
padding:0;
}
ul.pro li .title{
text-align:center;
font-size:17px;
font-weight:bold;
font-family: Times New Roman,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
ul.pro p{
margin:20px 20px;
height:150px;
}
.souzai{
background-image:url("56830a7da48aa2451ffa8c11.jpg");
background-repeat:no-repeat;
background-position:top center;
background-color:#374015;
padding:150px 0 0 0;
color:#d8dcc9;
}
.bt_syousai{
margin:0 28px;
}
.souzai_bottom{
background-image:url("42fdfcc786e34216c38c0b4a.jpg");
background-repeat:no-repeat;
background-position:bottom ceter;
height:120px;
margin:60px 0 0 0;
background-position:center;
}
.top_contact{
background-image:url("6e4a32b55c0872c9207092de.png");
background-repeat:no-repeat;
width:980px;
height:319px;
position:relative;
margin:50px 0 0 0;
}
.top_contact .bt_fax{
position:absolute;
left:365px;
top:190px;
}
.top_contact .bt_mail{
position:absolute;
left:720px;
top:190px;
}
.footer{
background-image:url("21e9624f298cd642c6d253d8.jpg");
background-position:top center;
background-repeat:no-repeat;
background-color:#ebe6db;
padding:120px 0 60px 0;
}
#footer1 a:link,
#footer1 a:visited,
#footer1 a:hover{
color:#999;
}
.bt_up{
text-align:center;
padding:0 0 50px 0;
}
.footer ul.g_navi li{
float:right;
}
.lg,
.ct{
float:left;
margin:0 0 0 20px;
}
.cp{
margin:0 0 0 200px;
float:left;
}
.copyright{
background-color:#000000;
color:#FFFFFF;
padding:8px 0;
text-align:center;
font-size:12px;
}
.p_title{
background-color:#000000;
color:#FFFFFF;
}
.p_title h2{
width:980px;
margin:0 auto 50px auto;
font-size:40px;
padding:40px 0;
text-align:center;
letter-spacing:2px;
}
.tb_pro{
border-top:1px solid #CCC;
border-collapse:collapse;
}
.tb_pro td{
border-bottom:1px solid #CCC;
}
.tb_pro .photo{
vertical-align:top;
}
.tb_pro .text{
vertical-align:top;
padding:25px 50px 25px 15px;
width:500px;
}
.tb_pro .price{
font-size:100%;
font-weight:bold;
text-align:center;
margin:0 0 20px 0;
width:150px;
}
.tb_pro .title{
font-size:120%;
font-weight:bold;
margin:0 0 15px 0;
}
.season{
color:#FF6700;
margin:30px 0 10px 0;
}
.season2{
color:#FF6700;
font-weight:bold;
font-size:90%;
margin:30px 0 10px 0;
}
.souryou{
border-collapse:collapse;
border:2px solid #000;
}
.souryou .area{
font-size:12px;
line-height:16px;
border-bottom:2px solid #000;
background-color:#f2f2f2;
}
.souryou td{
text-align:center;
border-bottom:1px solid #666;
padding:5px 0;
border-left:1px solid #999;
}
.souryou th{
border-bottom:1px solid #000;
border-left:1px solid #999;
font-weight:bold;
text-align:center;
background-color:#f2f2f2;
}
.souryou .font12{
font-size:12px;
}
.souryou .bd2{
border-right:2px solid #000;
}
.rtext{
font-size:12px;
text-align:right;
}
.font-l{
font-size:180%;
font-weight:bold;
line-height:180%;
}
.font12{
font-size:12px;
}
.red{
color:#B01013;
font-weight:bold;
}
.bt_topall{
margin:50px auto 0 auto;
width:510px;
}
.bd_hyouki{
border-left:1px solid #666666;
border-top:1px solid #666666;
}
.bd_hyouki ul{
margin:10px;
padding:0;
}
.bd_hyouki ul li{
margin:0 0 15px 0;
}
.bd_hyouki th{
border-bottom:1px solid #666666;
border-right:1px solid #666666;
text-align:center;
padding:10px;
width:180px;
}
.bd_hyouki td{
border-bottom:1px solid #666666;
border-right:1px solid #666666;
padding:10px;
}
.orner{
font-size:140%;
line-height:200%;
}
.img_left{
float:left;
margin:0 10px 10px;
}
.img_right{
float:right;
margin:0 0 10px 10px;
}
/* parts14 list
------------------------------------- */
.parts14{
width:980px;
margin:0 auto;
}
.parts14 .kiji_contents{
margin:0px 0px 0px 0px;
padding:5px 10px 5px 10px;
clear:both;
border-bottom:1px dotted #aaaaaa;
}
.parts14 .kiji_image{
background-color: #ffffff;
border:1px solid #999999;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
height:55px;
width:55px;
float:left;
}
.parts14 .kiji_body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}
.parts14 h3{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#000000;
font-size:100%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
border-left:none;
}
.parts14 p{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#777777;
font-size:93%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
}
.parts14 .kiji_date{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#777777;
font-size:85%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
}
.parts14 .links {
color:#777777;
line-height:25px;
margin:3px 5px 0px 0px;
padding:0;
text-align:right;
font-size:100%;
}
.parts14 .links a,
.parts14 .links a:link,
.parts14 .links a:active,
.parts14 .links a:visited{
color: #777777;
text-decoration: none;
}
.parts14 .links a:hover {
color: #8F0CFC;
text-decoration: underline;
}
/* kiji
------------------------------------- */
#kiji{
background-color: #ffffff;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
}
#kiji h2{
background-color: #000;
padding:40px 0;
text-align:center;
font-size:24px;
color:#FFF;
font-family: Times New Roman,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
#kiji .kiji_contents{
margin:50px auto;
width:980px;
padding:0px 0px 0px 0px;
}
#kiji .kiji_pleft{
float:left;
width:600px;
margin:0 30px 0 0;
}
#kiji .kiji_pleft img{
margin:0 0 20px 0;
}
#kiji .kiji_pright{
float:right;
width:350px;
}
#kiji .kiji_pright h3{
font-size:26px;
font-weight:bold;
margin:0 0 20px 0;
}
#kiji .kiji_pright .price{
font-size:20px;
color:#C00;
font-weight:bold;
}
#kiji .kiji_pright .text{
font-size:110%;
line-height:170%;
margin:20px 0 50px 0;
letter-spacing:0;
}
#kiji .kiji_pright strong{
font-size:110%;
line-height:170%;
margin:30px 0 0 0;
letter-spacing:0;
font-weight:bold;
}
#kiji .kiji_pright table{
border-collapse:collapse;
border-top:1px solid #999;
border-left:1px solid #999;
margin:20px 0 0 0;
font-size:90%;
}
#kiji .kiji_pright table th{
border-bottom:1px solid #999;
border-right:1px solid #999;
padding:10px 5px;
width:80px;
}
#kiji .kiji_pright table td{
border-bottom:1px solid #999;
border-right:1px solid #999;
padding:10px 5px;
width:250px;
}
#kiji .kiji_image{
margin:0px 0px 10px 10px;
padding:0px 0px 0px 0px;
}
#kiji .kiji_image2{
margin:0px 10px 10px 0px;
padding:0px 0px 0px 0px;
float:left;
}
#kiji p{
margin:0px 10px 0px 10px;
padding:0px 0px 0px 0px;
color:#000000;
font-size:100%;
font-weight:normal;
text-indent:0px;
line-height:150%;
}
#kiji p a,
#kiji p a:link,
#kiji p a:active,
#kiji p a:visited{
color: #0000FF;
text-decoration: none;
}
#kiji .p a:hover {
color: #8F0CFC;
text-decoration: underline;
}
#kiji .kiji_date{
margin:15px 10px 0px 0px;
padding:0px 0px 0px 0px;
color:#000000;
font-size:85%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
text-align:right;
}
#kiji .kiji_category{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
color:#000000;
font-size:100%;
font-weight:normal;
letter-spacing:0.03em;
text-indent:0px;
}
#kiji .kiji_category a,
#kiji .kiji_category a:link,
#kiji .kiji_category a:active,
#kiji .kiji_category a:visited{
color: #000000;
text-decoration: none;
}
#kiji .kiji_category a:hover {
color: #8F0CFC;
text-decoration: underline;
}
/* kiji_comment
------------------------------------- */
#kiji_comment{
background-color: #ffffff;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
display:none;
}
.contact_form li{
/display: inline;
/zoom: 1;
}
/* kiji footer
------------------------------------- */
#kiji_footer{
margin:0px 0px 5px 0px;
}
/* clearfix
------------------------------------- */
.clearfix:after {
content: "."; /* ｿｷ､ｷ､､ﾍﾗﾁﾇ､釥・*/
display: block; /* ･ﾖ･愠ﾃ･ｯ･・ﾙ･・ﾗﾁﾇ､ﾋ */
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}
/* Reset
------------------------------------- */
h1{
display:none;
}
* {
margin:0px;
padding:0px;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
font-style: inherit;
font-weight: inherit;
}
del, ins {
text-decoration: none;
}
li {
list-style: none;
}
caption, th {
text-align: left;
}
q:before, q:after {
content: '';
}
abbr, acronym {
border: 0;
font-variant: normal;
}
sup {
vertical-align: baseline;
}
sub {
vertical-align: baseline;
}
legend {
color: #000;
}
input, button, textarea, select, optgroup, option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
}
input, button, textarea, select {
*font-size: 100%;
}
/* Fonts
------------------------------------- */
select, input, button, textarea, button {
font:99% arial, helvetica, clean, sans-serif;
}
table {
font-size:inherit;
font:100%;
}
pre, code, kbd, samp, tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}
.fade {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.fade:hover {opacity: 0.7;filter: alpha(opacity=70); }
a.fade:hover img {filter: alpha(opacity=70); }
//--------------------------------------------------------------------------//
//
// [ Kumo-no-mine Ikutu-kuzurete Tuki-no-yama. ]
//
// System by tukiyama. Powered by samidare.
// Development by team-tukiyama.
// Copyright (C) fulusato Project. All Rights Reserved.
//
//--------------------------------------------------------------------------//