@charset "utf-8";

/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	background:white;
	font-size:74.5%;
	font-family:verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",Sans-Serif;
	line-height:160%;
}

html {
	overflow-y:scroll;
}

p {
	margin:0 0 1em;
}

li {
	list-style:none;
	line-height:1.3;
}

img,
fieldset {
	border:0;
}

input,textarea{
	padding:2px;
	font-size:100%;
	font-family:verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",Sans-Serif;
	line-height:160%;
}
select option{padding:1px 5px 0px 2px;}


h2{font-size:120%}
h3{font-size:120%}

/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/

a {
	color:#8986FF;
}

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}


.clr{clear:both;}

.txtR{text-align:right}

input.error,select.error{ border-color: #C00; background-color: #FEF; }

/*-----------------------------------------------
 __header
-----------------------------------------------*/
#header {
	margin-bottom:10px;
	background:#000 url(../images/head_bg.jpg);height:85px;}
#header_in{width:800px;margin:0 auto;}
#header_in h1{padding:0;margin:0;font-size:15px;width:280px;height:85px;
float:left;
background:transparent url(../images/head_logo.jpg) no-repeat;text-indent:-3000px;}

#menu ul{list-style-type:none;padding:0;margin:0;float:right;}
#menu ul li{float:left;padding:0;margin:0;display:block;}
#menu ul li a{
height:85px;
background-image:url(../images/head_menu.jpg);
background-repeat:no-repeat;
display:block;
text-indent:-3000px;
padding:0;margin:0;
}

#h_home a{background-position:0px 0px;width:83px;}
#h_home a:hover{background-position:0px -85px;width:83px;}
#h_gallery a{background-position:-83px 0px;width:83px;}
#h_gallery a:hover{background-position:-83px -85px;width:83px;}
#h_events a{background-position:-166px 0px;width:83px;}
#h_events a:hover{background-position:-166px -85px;width:83px;}
#h_profile a{background-position:-249px 0px;width:83px;}
#h_profile a:hover{background-position:-249px -85px;width:83px;}
#h_links a{background-position:-332px 0px;width:83px;}
#h_links a:hover{background-position:-332px -85px;width:83px;}
#h_contact a{background-position:-415px 0px;width:83px;}
#h_contact a:hover{background-position:-415px -85px;width:83px;}



/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer {
	clear:both;
	margin-bottom:15px;
	padding:5px 20px;
background:#000 url(../images/head_bg.jpg);
	height:60px;
}

#footer_in{width:800px;margin:0 auto;}

#copyright {
	text-align:right;
	margin-bottom:0;
	color:#FFF;
}


/*-----------------------------------------------
 __contents
-----------------------------------------------*/

#contents {
	width:800px;
	margin:0 auto 10px;
	background:#FFF url(img/bg.gif) repeat-y;
	overflow:hidden;
}


/* __main
------------------------------------------*/

#main {
	float:left;
	width:570px;
	padding:10px;
/*	background:#F4F4F4;*/
	border:solid 1px #E4E4E4;
	color:#666;
}

#main a {
	color:#004080;
}


#main_inner{padding:5px 10px;}

#main h2{padding:5px 20px 0 20px;}

/* __sub
------------------------------------------*/

#sub {
	float:right;
	width:190px;
	padding:0 0 0 8px;
	background:#FFFFFF;
}

#sub h3 {
	border-bottom:1px solid #333;
	margin-bottom:5px;
	font-size:100%;
}

#sub p{	color:#444;}


#sub ul li {
	padding:0px;
	margin:0px;
}

#cartBox ul {
	margin:10px 0 20px;
	padding:5px;
	background:#333;
	border:1px solid #EFEFEF;
	color:#FFF;
}




#frmCart ul li {
	padding:4px;
	clear:both;
	height:18px;
	padding:3px;
}

.cartL{
float:left;
width:152px;
}
.cartR{
float:right;
width:10px;
}
.cartR span {cursor:pointer;display:block;width:10px;color:#FE4101 }


.pagger ul li{float:left;margin:0;display:block;padding:2px;}
.pagger ul li a{display:block;padding:3px 5px;border:solid 1px #CCC;background-color:#EEE;}
.pagger ul li a:hover{background-color:#FFFFCC;}
.pagger ul li a.active{background-color:#8AB40C;font-weight:bold;}

/* ----------------
       TOP
---------------- */
#toptxt{
margin:0px 10px;
padding-bottom:12px;
}
#toptxt p{padding:5px;margin:0px;}
.top_tb{width:100%;margin-top:5px;}
.top_tb thead th{text-align:left;font-weight:normal;background-color:#F3F3EB;padding:5px;}
.top_tb tr td{border-bottom:solid 1px #E4E4E4;padding:5px;}


/* ----------------
       Garelly
---------------- */


.itemTB{font-size:12px;}
.itemTB td a{text-decoration:none;color:#808080}
.itemTB td a:hover{text-decoration:none;color:#006DA2}
.itemDB td{width:160px;height:120px; padding:0 5px;}
.itemHover{background-color:#FFFFCC;}

.item_div{width:340px;float:left;margin-right:5px;}
a.item_s{border:solid 1px #EEE;padding:10px;margin:0 2px 6px 2px;display:block;}
.item_m{}
.item_ss img{margin:1px;}
.item_s img,.item_ss img,.item_m img{border:solid 1px #DDD;}
.item_s_name{margin:3px 0 2px 0;text-align:center;}

.item_detail {width:220px;float:left;}
#main .item_detail h2{padding:2px 0 0 0;margin-bottom:4px;border-bottom:solid 1px #CCC;}


/* ----------------
       Profile
---------------- */
#profile_photo{float:left;width:244px;}
#profile p{padding:10px;}

/* ----------------
       Event
---------------- */
.events{border:solid 1px #E4E4E4;margin:8px 0;padding:10px 15px;}
.events h3{border-bottom:solid 2px #800080;padding:2px 0;margin-bottom:5px;}
.events h3 span{font-size:74.5%;font-weight:normal;}
.events div{margin-bottom:5px;}
.events p{background-color:#FAFAFA;padding:5px 10px;}
/* ----------------
       Links
---------------- */
.links{border:solid 1px #E4E4E4;margin:8px 0;padding:10px;}
.links h3{padding:2px 0;margin-bottom:5px;background:url(../images/href.gif) no-repeat;background-position:left center;text-indent:12px;}
.links h3 span{font-size:74.5%;font-weight:normal;}


/* ----------------
       Contact
---------------- */
#contact{margin:5px 20px;padding:15px 20px;background-color:#FAFAFA;border:solid 1px #CCC}
.line_tb thead{background-color:#EEE}
.line_tb tr td,.line_tb thead th{border-bottom:solid 1px #CCC;padding:5px;}



/* ----------------
       Order
---------------- */
#orderDiv{background-color:#FFF;margin:0;padding:10px 20px}
#orderDiv table{color:#333;border-collapse:collapse}
#orderDiv table th,#orderDiv table td{color:#333;border:solid 1px #CCC}
#orderDiv table thead {color:#333;text-align:left;}
.noline_tb tr td{padding:5px;}

#present{margin:10px 0}
#present table{border:solid 1px #CCC;border-collapse:collapse}


