body {
	margin: 0px;
	text-align: center;
	font-size: small;
	background-image: url(img/body_shadow.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

a:link {
	color: #3399FF;
    text-decoration: none;
	}

a:visited {
	color: #3399FF;
    text-decoration: none;
	}

a:active {
    text-decoration: none;
	}

a:hover {
    color: #FF9933;
    text-decoration: none;
	}
	
h1 {
    color: #666666;
	font-size: medium;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}
	
h2 {
    color: #666666;
	font-size: small;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	}
	
h3 {
    color: #666666;
	font-size: small;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	}

h4 {
    color: #666666;
	font-size: small;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	}
	
h5{
	color : Black;
	font-size : small;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

p {
	color: #666666;
	font-size: small;
	font-weight: normal;
	line-height: 150%;
	margin: 0px;
	padding: 0px;
}

img {
    border-width: 0px 0px 0px 0px;
	}
 
/*コンテナブロック*/   

#container {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 781px;
	background-color: #FFFFFF;
	}
	
/*ヘッダブロック*/

#hedder {
    padding-top: 5px;
	background-color: #3399FF;
	background-image:  url(img/free_dial.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
	text-align: left;
	}

/*メニューバーブロック*/

#menu-bar {
    width: 780px;
	overflow: hidden;
	border-right: 1px #CCCCCC solid;
	/*border-bottom: 7px #99CCFF solid;*/
	text-align: left;
	float: left;
	}

#menu-bar h2 {
	float: left;
	background-color: #FFFFFF;
	width: 129px;
	border-left: 1px #CCCCCC solid;
	text-align: center;
}
	
#menu-bar h2 a {
    display:block;
	padding: 7px 0px 7px 0px;
	color: #333333;
	border-bottom: 7px #99CCFF solid;
	}
	
#menu-bar h2 a:hover {
    color: #000000;
	text-decoration: none;
	border-bottom: 7px #3399FF solid;
	}
	
/*サイドメニューブロック*/	
	 			
#side-menu {
	float: left;
    width: 171px;
	text-align: left;
	padding: 8px 0px 10px 0px;
	overflow: hidden;
	}

#side-menu h2 {
	color: #FFFFFF;
	background-color: #3399FF;
	background-image: url(img/list_mark_2.gif);
	background-repeat: no-repeat;
    background-position: 5% center;
	text-align: left;
	padding: 5px 0px 5px 25px;
	margin: 0px 7px 4px 0px;
	}
	
#side-menu h3 {
	text-align: left;
	border-bottom: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	margin: 0px 7px 4px 0px;
	font-size : 85%;
}

#side-menu h3 a {
    display:block;
	padding: 6px 0px 6px 11px;
	color: #333333;
	}
	
#side-menu h3 a:hover {
    color: #000000;
    background-color: #EEEEEE;
	text-decoration: none;
	}
		
#side-menu img {
	padding: 5px 0px 0px 10px;
	}

/*メインブロック*/
		
#main {
	float: right;
	width: 610px;
	text-align: left;
	padding: 8px 0px 0px 0px;
	overflow: hidden;
	}

/*タイトルバーバーブロック*/
		
#title-bar {
    background-image: url(img/blue_dot_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0px 5px 2px 5px;
	}

#title-bar h1 {
    color: #3399FF;
	font-size: large;
	font-weight: lighter;
	padding: 5px 0px 7px 8px;
	}

/*コンテンツブロック*/
	
.content {
	padding: 10px 0px 20px 15px;
	}
	
.content h2 {
	color: #3399FF;
	padding: 10px 15px 0px 0px;
    line-height: 140%;
	}
	
.content p {
	line-height: 160%;
	padding: 5px 15px 0px 0px;
    font-size: 100%;
	}

.content p a {
    color: #FF3399;
	}
	
/*フッタブロック*/

#footer {
    clear: both;
    width: 781px;
	background-image: url(img/blue_dot_line.gif);
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
	text-align: center;
	}
	
#footer h3 {
     font-size: x-small;
	 padding-top: 10px;
	 }
	 
/*
------------------------------------------------------
SHOPPING
------------------------------------------------------
*/

.content-back {
	padding: 10px 0px 20px 15px;
	background-image: url(shopping/img/image_1.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	}	
	
.content-back h2 {
	color: #3399FF;
	padding: 10px 15px 0px 0px;
	font-size: 14px;
    }
	
.content-back p {
	line-height: 160%;
	padding: 5px 15px 0px 0px;
     font-size: 12px;
	 }	
	
.content ul {
     margin-left: 0px;
	 
	 }

.content li {
    line-height: 150%;
	 font-size: 120%;
	 padding: 3px 30px 4px 25px;
	 background-image: url(shopping/img/q_mark.gif);
	 background-repeat: no-repeat;
	 background-position: left center;
	 list-style-type: none;
	}
	
.content-qa {
     padding: 20px 0px 20px 15px;
	 }
	 
.content-qa h2 {
     padding: 3px 30px 4px 25px;
	 background-image: url(shopping/img/q_mark.gif);
	 background-repeat: no-repeat;
	 background-position: 0px 3px;
	 color: #3399FF;
	 line-height: 140%;
	 }
	 
.content-qa p {
     padding: 5px 20px 15px 25px;
	 background-image: url(shopping/img/a_mark.gif);
	 background-repeat: no-repeat;
	 background-position: 1px 6px;
	 }
	 
#fax-seat {
     padding: 10px;
	 }
.content-center {
     padding: 0px 0px 30px 0px;
	 }
	 	 
.content-center img {
    padding: 0px 0px 0px 190px;
	}
	
.content-center p {
    padding: 0px 15px 0px 15px;
	line-height: 150%;
	font-size: 12px;
	}
	
.pink  {
	color: Fuchsia;
	font-weight: bold;
}

.red {
	color: #FF9900;
	font-weight: bold;
}


table {
    border-width: 0px;
	border-color: #CCCCCC;
	border-collapse: collapse;
	border-style: solid;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	table-layout: fixed;
	}

tr {
    border-width: 0px;
	border-color: #CCCCCC;
	border-style: solid;
	}

td {
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	padding: 5px;
	font-size: small;
	line-height: 130%;
	color: #333333;
}
			
th {
    background-color: #CCFFFF;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	padding: 5px;
	font-weight: normal;
	text-align: center;
	color: #333333;
	}

td h3 {
    font-size: small;
	}	

td h1 {
	font-size: larger;
	color: Blue;
}	

tt {
    line-height: 200%;
	}
	
.content h2 {
    font-size: 14px;
	}

.content p {
    font-size: 12px;
	}

#mail-form table {
    margin: 20px 0px 20px 0px;
	}
		
#mail-form td {
    border: 0px;
	color: #666666;
	}
	
input.sub-item {
    width: 60px;
	margin: 0px 2px;
	}
	
a.com-link {
    border-bottom: 1px dotted #999999;
	color: #666666;
	padding-bottom: 2px;
	}
	
a.com-link:hover {
    color: #FF9900;
	}
	
h2.dot {
    background: url(img/dotline.gif) bottom repeat-x;
	margin-right: 10px;
	margin-bottom: 5px;
	padding-left: 1px;
	padding-bottom: 3px;
	}
	
dl#faq {
    margin: 15px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	}
	
dl#faq dt {
	margin: 5px 0px 0px 0px;
	padding: 0px 20px 8px 25px;
	line-height: 140%;
	background: url(shopping/img/q_mark.gif) left top no-repeat;
	}
	
dl#faq dt a:link {
    color: #3399FF;
	}
	
dl#faq dt a:hover {
    color: #FF9900;
	}
	
dl#faq dd {
    margin: 0px;
	padding: 0px 20px 10px 25px;
	color: #666666;
	background: url(shopping/img/a_mark.gif) left top no-repeat;
	}
	
/*
------------------------------------------------------
TOP
------------------------------------------------------
*/

.content1 {
	float: left;
	width: 418px;
	margin: 12px 0px 5px 0px;
	}

.content1 h2 {
    background-image: url(img/blue_dot_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 0px 0px 7px 0px;
	}
			
.content1 p {
	margin: 0px 13px 0px 5px;
	font-size : 12px;
}

.content1 p a {
    color: #666666;
	}

.content1 p a:hover {
    color: #FF9933;
	}			
	
.content2 {
	float: right;
	width: 190px;
	border: 1px #CCCCCC solid;
	margin: 12px 0px 10px 0px;
	padding-bottom: 5px;
	}

.welcome {
    padding: 12px 0px 0px 0px;
	}
	
.dot-line {
    background-image: url(img/dotline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 5px 0px 4px 5px;
	line-height: 100%;
	}
	
.item-3 {
    background-image: url(img/note.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
    width: 137px;
	height: 200px;
	float: left;
	}
	
.item-3 h5 a {
    color: #666666;
	}
	
.item-3 h5 a:hover {
    color: #FF6600;
	}

.content1 h5 {
    font-size: x-small;
    color: #666666;
	padding: 20px 20px 0px 22px;
	line-height: 140%;
	}
	
/*日記〜キャンペーンのブロック*/

.content2 h2 {
	color: #FFFFFF;
	background-color: #3399FF;
	text-align: left;
	padding: 2px 0px 2px 25px;
	background-image: url(img/list_mark_3.gif);
	background-repeat: no-repeat;
    background-position: 2% center;
	margin: 12px 10px 10px 10px;
	}

.content2 h3 {
    font-size: 12px;
	padding: 0px 15px 5px 15px;
	line-height: 140%;
	}
	
.content1 h4 {
    font-size: 12px;
	text-align: left;
	padding: 2px 20px 10px 5px;
	}
	
.content2 p {
	padding: 0px 15px 5px 15px;
	line-height: 150%;
	font-size : 90%;
}

.content2 h3 a {
	color: #3399FF;
	text-decoration: underline;
	}
	
.content2 h3 a:hover {
	color: #FF9933;
	}
	
.content2 img {
	float: left;
	padding: 10px 8px 5px 10px;
	}

p#rss {
    line-height: 200%;
	background-image: url(img/letter-border.gif) ;
	background-position: -2px -3px;
	clear: both;
	padding-bottom: 5px;
	margin-bottom: 10px;
	}
	
p#rss a {
    color: #3399FF;
	}
	
p#rss a:hover {
    color: #FF9933;
	}