@charset "utf-8";

/*----------------------------------------------------
     reset
----------------------------------------------------*/

*{
     margin:0px;
     padding:0px;
}

html {
      overflow-y: scroll;
      height:100%; 
}

body{ 
      height:100%;
}

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;
}

address,caption,cite,code,dfn,em,strong,th,var {
      font-style: normal;
}

table {
      border-collapse: collapse;
      border-spacing: 0;
}

caption,th {
      text-align: left;
}

q:before,q:after {
      content: '';
}

object,
embed {
      vertical-align: top;
}

hr,legend {
      display: none;
}

img,abbr,acronym,fieldset {
      border: 0;
}

li {
      list-style-type: none;
}

/*----------------------------------------------------
     base
----------------------------------------------------*/

body,
form,
td {
	font-family: "Ｍ333022Ｓ Ｐゴシック", "sans-serif", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオMeiryo";
	font-size: 12px;
	color: #000;
}

textarea,
select,
input {
       font-family: "ＭＳ Ｐゴシック", "sans-serif", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオMeiryo";
       font-size: 12px; color: #000; line-height: 1.5;
}

img {
	border: none;
}

input {
	margin: 0; padding: 0;
	font-size: 12px;
}


ol {
      margin: 0; padding: 0;
      list-style: none;
}

ul {
	text-align:left;
	margin:10px 0 0px 40px;
	padding-bottom:10px;
	line-height: 1.5;
	
}

li{
       list-style-image:url(/images/share/list_2.gif);

}

a {
      color: #ff0066;
      text-decoration:none;
}

input[type="button"] {
	   border:1px dashed #ff0066;
	   background-image:url(/images/share/input_wall.gif);
	   color:#fff;
	   font-weight:bold;
	   margin:3px;
	   padding:1px;
	   }

p{
	margin:10px 20px 0 20px;
	padding-bottom:10px;
	text-align:left;
	}

h3{
	font-size:14px;
	color:#333;
	border-width:0 0 1px 0;
	border-style:dashed;
	border-color:#ff0066;
	padding-left:7px;
	text-align:left;
	margin-left:5px;
}

	

textarea {
	background-color:#FFFFCC;
	border:1px dashed #ff0066;
	color:#ff0066;
	padding:3px;
	margin:0 0 0 10px;
	width:200px;
	height:100px;
	scrollbar-base-color: #ff0000; 
}
/*----------------------------------------------------
     layout
----------------------------------------------------*/
body{
	text-align: center;
	background:url(/images/share/wall.gif);
	}


#container{
	width:800px;
	padding:0;
	margin:0px auto;
	text-align:center;
	background:url(/images/main/mainside.gif) repeat-y;
}
#header{
	width:800px;
	height:170px;
}


#ad{
	width:260px;
	height:70px;
	margin:20px 0 0 0 ;
	padding:0px;
	text-align:left;
	float:right;
}

#title_image{
	width:540px;
	 height:88px;
	_height:170px;
	margin:0;
	padding-top:82px;
	background:url(/images/main/title.gif) no-repeat;
	float:left;
}


#menu{
	width:380px;
	height:70px;
	margin-left:20px;
	padding:0;
	float:left;
	text-align:left;
}


#mainmenu{
	width:380px;
	height:88px;
	margin:0 ;
	float:left;
	text-align:center;
	background:url(/images/main/menu_back.gif) no-repeat;
}


#submenu{
	width:125px;
	height:16px;
	margin:0 0 2px 10px;
	text-align:left;
}

#submenu a{
	color:#000;
	font-size:12px;
}


#main{
	width:780px;
	padding:0;
	margin:0 10px;
	padding:5px;
	text-align:center;
}

#left{
	width:180px;
	float:left;
	padding:0;
	margin:0;
	text-align:center;


}

#contents{
	width:410px;
	float:left;
	padding:0;
	margin:0 auto;
	text-align:center;
}

#right{
	width:180px;
	float:left;
	padding:0;
	margin:0;
	text-align:center;

	 }



#footer{
	width:770px;
	margin:0 auto;
	text-align:center;
	padding-top:30px;
	font-size:10px;
	clear:both;
}

#copyright{
	width:740px;
	border-width:1px 0 0 0 ;
	border-style:dashed;
	border-color:#ff0066;
	clear:both;
	color:#ff0066;
	margin:10px auto;
	padding-top:10px;
	font-size:12px;
	text-align:center;
}


/*----------------------------------------------------
     main
----------------------------------------------------*/



/*---　　　side　　　---*/

.side_txt{
	width:170px;
	text-align:center;
	margin:0 auto;
	font-size:12px;
	background:url(/images/main/side_txt.gif) repeat-y;
}


.side_bottom{
	width:170px;
	height:10px;
	margin:0 auto 5px auto;
	padding:0;
	text-align:center;
	background:url(/images/main/side_bottom.gif) no-repeat;
}

p.side{
	width:130px;
	text-align:left;
	padding:5px 3px 5px 5px;
	}

p.easy_search{
	text-align:center;
	font-size:12px;
	background:url(/images/share/search_box_w.gif) repeat-y ;
	margin:10px auto;
	width:380px;
	}

p.side_search{
	text-align:center;
	font-size:12px;
	margin:0px auto;
	padding:5px;
	}

.cooperate_top{
	width:170px;
	height:10px;
	background:url(/images/main/cooperate_top.gif) no-repeat;
	margin:0 auto;
}
.cooperate_txt{
	width:170px;
	background:url(/images/main/cooperate_txt.gif) repeat-y;
	margin:0 auto;
}

.cooperate_bottom{
	width:170px;
	height:10px;
	background:url(/images/main/cooperate_bottom.gif) no-repeat;
	margin:0 auto 10px auto;
}

/*---　　　login　　　---*/

#login_title{
	width:170px;
	height:40px;
	text-align:center;
	margin:0 auto;
	padding:0;
	background:url(/images/main/login.gif) no-repeat;
}

#login_txt{
	width:170px;
	text-align:center;
	margin:0 auto;
	padding:0;
	font-size:12px;
	background:url(/images/main/login_txt.gif) repeat-y;
}

#login_bottom{
	width:170px;
	height:10px;
	margin:0 auto 5px auto;
	padding:0;
	text-align:center;
	background:url(/images/main/login_bottom.gif) no-repeat;
}
	
/*---　　　news　　　---*/

ul.news{
	width:135px;
	font-size:10px;
	margin-left:25px;
	padding:0;
}


ul.news li{
       list-style-image:url(/images/share/list_arrow.gif);
	border-bottom:1px dashed #ff0066;
	margin-right:7px;
	padding:0;
	}

/*---　　　footer　　　---*/

#footer ul{
	margin:5px auto;
	text-align:center;
	
}

#footer li{
	font-size:12px;
	display:inline;
	list-style-type:none;
	 padding:0 5px;
}

#footer li+li {
	border-left:1px solid #ff0066;
}


/*----------------------------------------------------
     contents
----------------------------------------------------*/

p.center{
	margin:5px 10px 10px 20px;
	font-size:12px;
	line-height: 2;
	padding-top:5px;
	text-align:center;
	
	}

th.pink{
	background-color:#ffcccc;
	color:#333333;
	padding:5px;
	text-align:center;
	border:1px solid #ff99cc;
	width:80px;
	}
th.yellow{
	background-color:#ffffcc;
	color:#33333;
	padding:5px;
	text-align:center;
	border:1px solid #ff99cc;
	width:80px;
	}

p.picture{
	width:380px;
	clear:both;
	margin:10px auto;
	text-align:center;
	padding-top:10px;
	font-size:12px;
	font-weight:bold;
	background-image:url(/images/share/p_back.gif);
	 }
	 
p.message{
	margin:0 20px;
	font-size:12px;
	line-height: 2;
	padding-top:5px;
	
	}


p.totop{
	text-align:right;
	padding:5px;
	font-size:12px;
	clear:both;
	color:#ff0066;
	}


h3.center{
	margin:5px 5px 10px 5px;
	padding:5px 5px 5px 20px;
	color:#333;
	font-size:12px;
	border-width:0;
	background-image:url(/images/share/h3_back.gif);
}

table.member{
	margin:10px auto;
	text-align:center;
	padding:5px;
	width:330px;
	}
	
table.member tr{
	border:1px solid #ff99cc;
	font-size:12px;
	width:80px;
}

	
table.member td{
	border:1px solid #ff99cc;
	color:#ff0066;
	padding:5px;
	text-align:left;
	font-size:10px;
	width:250px;
	}

p.right{
	text-align:right;
}

/*---　　index　search　　　---*/


.search_box_top{
	background:url(/images/share/search_box_top.gif) no-repeat;
	text-align:center;
	margin:0 auto;
	padding-top:10px;
	width:380px;
	height:25px;
	}
	
	

.search_box_w{
	background:url(/images/share/search_box_w.gif) repeat-y ;
	text-align:center;
	margin:0px auto;
	padding:10px 0px ;
	width:380px;
	}
	
.search_box_bottom{
	background:url(/images/share/search_box_bottom.gif) no-repeat;
	text-align:center;
	margin:0px auto 10px auto;
	padding:0;
	width:380px;
	height:5px;
	}
	
table.search_box{
	background-color:#FFFFCC;
	margin:10px auto;
	font-size:12px;
	text-align:center;
	}
	
table.search_box th{
	background-color:#FFFFCC;
	color:#ff0066;
	padding:3px;
	text-align:center;
	}
	
table.search_box td{
	background-color:#FFFFCC;
	color:#ff0066;
	padding:3px;
	text-align:center;
	}

ul.search{
	margin-left:40px;
	margin-right:10px;
}

ul.search li{
	display:inline;
	list-style-image:url(/images/share/list_2.gif);
	 padding:0 5px;
	font-size:12px;
}


ul.search li+li {
     border-left:1px solid #ff0066;
}


p.easy_search input[type="text"] {
	background-color:#FFF;
	border:1px dashed #ff0066;
	font-size:14px;
	color:#ff0066;
	padding:3px;
}


/*---　　index　search　　　---*/



.picture_w{
	width:400px;
	color:#666666;
	background:url(/images/share/picture_w.gif) repeat-y;
	padding-top:10px;
	text-align:center;
	margin:0 auto;
}
.picture_bottom{
	width:400px;
	height:20px;
	background:url(/images/share/picture_bottom.gif) no-repeat;
	padding:0;
	text-align: center;
	margin:0 auto 10px auto;
}

.picture_w form{
	border-width:0 1px;
	border-color:#ff0066;
	color:#666666;
	padding:0;
	text-align: center;
	margin:0 auto 10px auto;
}
	

/*---　　poem　search　　　---*/

table.poem{
	width380px;
	margin:0 auto;
	padding:0;
}


th.poem_title{
	background-color:#ff0066;
	border:1px solid #fff;
	width:190px;
	text-align:center;
	color:#fff;
	padding:3px 0 3px 0;

}

th.poem_category{
	background-color:#ff0066;
	border:1px solid #fff;
	width:70px;
	text-align:center;
	color:#fff;
	padding:3px 0 3px 0;

}

th.poem_writer{
	background-color:#ff0066;
	border:1px solid #fff;
	width:120px;
	text-align:center;
	color:#fff;
	padding:3px 0 3px 0;
}

table.poem tr{
}
table.poem td{
	padding:5px 0 5px 0;
	border-bottom:1px dotted #888;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	text-align:center;
}


/*---　　 pagenavi　　　---*/

.pagenavi{
	border-style:solid;
	border-width:1px 0 1px 0;
	border-color:#ff0066;
	text-align:right;
	margin:7px;
	padding:2px;
	font-size:12px;
	clear:both;
	}

.pagenavi a{
	text-decoration:underline;
	font-weight:bold;
	}



/*---　　thumbnail　　　---*/



table.thumbnail{
	width:380px;
	text-align:center;
	margin:10px;
}


.thumbnail{
	width:120px;
	margin:3px;
	border:1px;
	text-align:center;
}

.thumbnail_img{
	height:140px;
}

.thumbnail_w{
	border-width:0 0 1px 0;
	border-bottom-style:dashed;
	border-color:#ff0066;
	padding-top:5px;
	color:#ff0066;
	font-size:10px;
	clear:both;
}



/*---　　　details　　　---*/


.details{
      width:380px;
	  border:1px;
	  text-align:center;
	  padding:3px;
	  
}

.details_img{
	text-align:center;
	margin:0 auto;
}

.details_w{
	  clear:left;
	padding:20px;

}

table.details{
	width:380px;
	margin-top:10px;
	margin-left:5px;
	text-align:center;
	border:1px solid ff99cc;
	}
	
table.details tr{
	border:1px solid ff99cc;
	}


table.details td{
	background-color:#FFF;
	padding:5px;
	text-align:center;
	border:1px solid #ff99cc;
	}
	

ul.download{
	text-align:center;
	margin:0 auto;
	line-height: 1.5;
}

ul.download li{
	list-style-image:url(/images/share/list_arrow.gif);
}

div.qrcode{
  margin: 0 auto 0 auto;;
  width: 100px;
}


/*---　　　method　　　---*/

.method_box_top{
	background:url(/images/share/method_top.gif) no-repeat;
	text-align:center;
	margin:10px auto 0 auto;
	padding:0px;
	width:380px;
	height:25px;
	}

/*---　　　method_other　　　---*/

p.method{
	margin:10px 20px 50px 20px;
	padding:10px;
	border:dashed 1px #ff99cc;
	}


/*---　　　signup　　　---*/

.member{
	background-color:#FFF;
	
}


/*---　　　show　　　---*/

table.member_show{
	background-color:#FFF;
	width:380px;
	margin:5px auto;
	text-align:center;
}

table.member_show tr{
	border:1px solid #ff99cc;
	font-size:10px;
}

table.member_show th{
	width:50px;
}

td.text{
	padding:5px;
	text-align:left;
	font-size:10px;
	width:170px;
	border:1px solid #ff99cc;

	}


/*---　　　faq　　　---*/

p.question{
	margin:10px 10px 10px 20px;
	padding-left:20px;
	padding-top:3px;
	font-weight:bold;
	color:#ff0066;
	background:url(/images/share/list_question.gif) no-repeat;
}

p.answer{
	margin:10px 10px 10px 35px;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:5px;
	color:#000;
	background:url(/images/share/list_answer.gif) no-repeat;
	border-bottom:1px dashed #ff99cc;
}



/*---　　about　　　---*/

p.merit{
	margin-left:50px;
}


/*---　　special　　　---*/

p.special{
	margin:0px auto 0 auto ;
	padding-top:10px;
	width:390px;
}


/*---　　reviews　　　---*/

div.reviews_title{
	background-color:#ffffcc;
	color:#33333;
	padding:5px;
	border:1px solid #ff99cc;
	width:330px;
	margin:0 auto;
	text-align:left;
	}

div.reviews_entry{
	margin:0px auto; 
	padding:10px 5px;
	width:330px;
	text-align:left;
	border:1px solid #ff99cc;

}

p.reviews_right{
	text-align:right;
	border-width:1px 0 0 0;
	border-style:dashed;
	border-color:#ff99cc;

}

/*---　　picture_method　　　---*/

p.picture_method{
	margin:5px 20px 0 50px;
}


/*----------------------------------------------------
     img
----------------------------------------------------*/
img.menu{
	margin:0 4px 0 0;
}

img.picture{
	width:100px;
	height:144px;
}

img.details{
	width:100px;
	height:144px;
	text-align:center;
	margin:0 auto;
}

img.right{
	float:right;
	margin-left:7px;
}
img.left{
	float:left;
}

img.method{
	margin:25px 5px 5px 5px;
}

/*----------------------------------------------------
    span
----------------------------------------------------*/

span.clear{
	crear:both;
}

span.red{
	color:#ff0000;
}

p.red{
	color:#ff0000;
}
span.name{
	color:#ff0000;
	font-size:14px:
	padding:3px;
	font-weight:bold;
}

span.left{
	text-align:left;
}

span.right{
	text-align:right;
}

span.center{
	text-align:center;
}


/*----------------------------------------------------
     input
----------------------------------------------------*/

input[type="submit"] {
	   border:1px dashed #ff0066;
	   background-image:url(/images/share/input_wall.gif);
	   color:#fff;
	   font-weight:bold;
	   margin:3px;
	   padding:1px;

	   }
	   
input[type="text"] {
	background-color:#FFFFCC;
	border:1px dashed #ff0066;
	color:#ff0066;
	padding:3px;
	margin:5px 10px 7px 10px;

}

input[type="image"] {
	   border:1px dashed #ff0066;
	   background-image:url(/images/share/input_wall.gif);
	   color:#fff;
	   font-weight:bold;
	   margin:5px;
	   padding:4px;
}

input[type="password"] {
	background-color:#FFFFCC;
	border:1px dashed #ff0066;
	color:#ff0066;
	padding:3px;
	margin:5px 10px 7px 10px;
}

select{
	background-color:#ff99cc;
	color:#fff;
	margin-left:10px;

}