body {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	background: #EBE2C1;
	margin: 0;
	padding: 0;
	text-align: left;
}

h2 {
	margin: 0;
	font-size: 16px;
	line-height: 140%;
}

hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #dddddd; /* 線色 */
   height: 1px; /* 高さ */
}

a:link {
  color: #0000FF;
  background: transparent;
}
a:visited {
  color: #CC0033;
  background: transparent;
}
a:hover, a:active {
  color: #CC0033;
  background: transparent;
}

a img { border: none; }

.f10 {font-size:10px; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height:140%; }
.f10_annred {font-size:10px; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height:140%; color:#7F1663; }
.f12 {font-size:12px; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height:160% }
.f12_md {font-size:12px; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height:120%; color:#FF2E63; }
.f12_brown {font-size:12px; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height:140%; color:#663333; }
.f12_white {font-size:12px; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height:120%; color:#FFFFFF; }
.f14 {font-size:14px; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height:140%; }
.f14_text {font-size:14px; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height:160%; }
.f14_brown {font-size:14px; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height:140%; color:#663333; font-weight:bold; }
.f14_white {font-size:14px; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height:140%; color:#FFFFFF; font-weight:bold; }
.f16 {font-size:16px; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height:140%; }
.f18 {font-size:18px; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height:140%; }
.f18_brown {font-size:18px; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height:140%; color:#663333; font-weight:bold; }

p,li {
	margin: 0;
	font-size: 12px;
	line-height: 16px;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* ヘッダー */
}#header {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	height: 100px;
	width: 820px;
	text-align: left;
}
#header #hd_left {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
}
#header #hd_right {
	float: right;
	margin: 35px 10px 0 0;
	padding: 0;
}
#header h1 {
	font-family: "ＭＳ Ｐゴシック", Osaka;
	margin: 0;
	padding: 0;
	background: url(../images/ann_logo.gif) no-repeat center center;
	height: 100px;
	width: 177px;
	text-indent: -9999px;
}
#header h2 {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 12px;
}
#header h2 em {
	visibility: hidden;
}
#header h2 a {
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
	height: 65px;
	width: 124px;
}
#header h2#mnv1 a {
	background: url(../images/mnv_01.gif) no-repeat;
	text-indent: -9999px;
}
#header h2#mnv1 a:hover, #header h2#mnv1 a:active {
	background: url(../images/mnv_01_2.gif) no-repeat;
}
#header h2#mnv2 a {
	background: url(../images/mnv_02.gif) no-repeat;
	text-indent: -9999px;
}
#header h2#mnv2 a:hover, #header h2#mnv2 a:active {
	background: url(../images/mnv_02_2.gif) no-repeat;
}
#header h2#mnv3 a {
	background: url(../images/mnv_03.gif) no-repeat;
	text-indent: -9999px;
}
#header h2#mnv3 a:hover, #header h2#mnv3 a:active {
	background: url(../images/mnv_03_2.gif) no-repeat;
}
#header h2#mnv4 a {
	background: url(../images/mnv_04.gif) no-repeat;
	text-indent: -9999px;
}
#header h2#mnv4 a:hover, #header h2#mnv4 a:active {
	background: url(../images/mnv_04_2.gif) no-repeat;
}
#header h2#mnv5 a {
	background: url(../images/mnv_05.gif) no-repeat;
	text-indent: -9999px;
}
#header h2#mnv5 a:hover, #header h2#mnv5 a:active {
	background: url(../images/mnv_05_2.gif) no-repeat;
}

/* コンテンツ要素（サイドナビ＆メイン） */
#contents {
	background: #FFFFFF;
	margin: 0 0 0 10px;
	padding: 0;
	text-align: left;
}

/* サイドナビ */
#contents #sidenavi {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	float: left;
	width: 180px;
	text-align: left;
}
#contents #sidenavi p {
	font-size: 10px;
	line-height: 14px;
}	
#contents #sidenavi h2 {
	margin: 10px 0 0;
	padding: 0;
}
#contents #sidenavi #search {
	margin: 10px 0 0 0;
	padding: 0;
}

/* サイドメニュー */
#contents #sidenavi ul{ 
margin: 0; 
padding: 0; 
list-style-type: none; 
}
#contents #sidenavi li{ 
display: inline; 
padding: 0; 
margin: 0; 
}
#contents #sidenavi li a{
display: block; 
border-bottom: 1px solid #CCCCCC;
background-color: #fff;
padding: 8px 5px;
text-decoration: none;
color: #5E4532;
width: 152px; 
margin: 0;
text-align: left;
font-size: 12px;
}
#contents #sidenavi li a:hover{
border-bottom: 1px solid #CCCCCC;
background-color: #F5DADA;
}

/* メイン */
#contents #main {
	background: #FFFFFF;
	width: 630px;
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#contents #main #main_center {
	background: #FFFFFF;
	width: 440px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#contents #main #main_right {
	background: #FFFFFF;
	width: 150px;
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	text-align: left;
}

/* フッターアドセンス */
#foot_ad {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 820px;
	text-align: center;
	clear: both;
	float: none;
}
/* フッター */
#footer {
	background: #FF3366;
	margin: 0px;
	padding: 0px;
	width: 820px;
	text-align: center;
	clear: both;
	float: none;
}
#footer a:link {
  color: #ffffff;
  background: transparent;
text-decoration: none;
}
#footer a:visited {
  color: #ffffff;
  background: transparent;
text-decoration: none;
}
#footer a:hover, a:active {
  color: #DD93BB;
  background: transparent;
}
#footer p {
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
}
#footer #foot_links {
	margin: 0 0 0 10px;
	padding: 0;
	width: 820px;
	text-align: left;
}
#footer #copyright {
	margin: 0;
	padding: 10px 15px 10px 15px;
	width: 790px;
	text-align: right;
}

/* バナー160×600 */
#sidebanner {
	margin: 0px 0px 0px 830px;
	width: 160px;
	position: absolute;
	top: 10px;
}
#sidebanner2 {
	margin: 610px 0px 0px 830px;
	width: 160px;
	position: absolute;
	top: 10px;
}
#sidebanner3 {
	margin: 1220px 0px 0px 830px;
	width: 160px;
	position: absolute;
	top: 10px;
}

/* サブナビ1 */
#subnavi1 {
	margin: 0px 0px 0px 420px;
	width: 78px;
	position: absolute;
	top: 13px;
}
#subnavi h3 {
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 12px;
}
#subnavi1 em {
	visibility: hidden;
}
#subnavi1 a {
	background: url(../images/snv_01.gif) no-repeat;
	text-indent: -9999px;
	height: 13px;
	width: 78px;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
}
/* サブナビ2 */
#subnavi2 {
	margin: 0px 0px 0px 417px;
	width: 107px;
	position: absolute;
	top: 13px;
}
#subnavi2 em {
	visibility: hidden;
}
#subnavi2 a {
	background: url(../images/snv_02.gif) no-repeat;
	text-indent: -9999px;
	height: 13px;
	width: 107px;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
}
/* サブナビ3 */
#subnavi3 {
	margin: 0px 0px 0px 540px;
	width: 86px;
	position: absolute;
	top: 13px;
}
#subnavi3 em {
	visibility: hidden;
}
#subnavi3 a {
	background: url(../images/snv_03.gif) no-repeat;
	text-indent: -9999px;
	height: 13px;
	width: 86px;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
}
/* サブナビ4 */
#subnavi4 {
	margin: 0px 0px 0px 643px;
	width: 82px;
	position: absolute;
	top: 13px;
}
#subnavi4 em {
	visibility: hidden;
}
#subnavi4 a {
	background: url(../images/snv_04.gif) no-repeat;
	text-indent: -9999px;
	height: 13px;
	width: 82px;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
}
/* サブナビ5 */
#subnavi5 {
	margin: 0px 0px 0px 317px;
	width: 67px;
	position: absolute;
	top: 13px;
}
#subnavi5 em {
	visibility: hidden;
}
#subnavi5 a {
	background: url(../images/snv_05.gif) no-repeat;
	text-indent: -9999px;
	height: 13px;
	width: 85px;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
}
/* サブナビ6 */
#subnavi6 {
	margin: 0px 0px 0px 195px;
	width: 107px;
	position: absolute;
	top: 13px;
}
#subnavi6 em {
	visibility: hidden;
}
#subnavi6 a {
	background: url(../images/snv_06.gif) no-repeat;
	text-indent: -9999px;
	height: 13px;
	width: 107px;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
}
/* サブナビ7facebook */
#subnavi7facebook {
	margin: 0px 0px 0px 730px;
	width: 20px;
	position: absolute;
	top: 11px;
}
/* サブナビ8twitter */
#subnavi8twitter {
	margin: 0px 0px 0px 760px;
	width: 20px;
	position: absolute;
	top: 11px;
}
/* サブナビ9google */
#subnavi9google {
	margin: 0px 0px 0px 790px;
	width: 20px;
	position: absolute;
	top: 11px;
}
/* センタリング用の囲い */
#wrapper {
	text-align: left;
	margin:  0px 0px 0px 10px;
	padding: 0px;
	height: auto;
	width: 820px;
	background: #FFFFFF;
	border-top: 5px solid #FF3366;
}
/* コンテンツ内のタイトルと見出し */
.tit-01{  
    background:#ffffff;  
    border-left:7px solid #FF6699;  
    padding:.1em .5em;
	font-size: 18px;
	line-height: 140%; 
	color:#cc0000;
	font-weight:bold;
}
.mid-01{  
    background:#ffffff;  
    border-left:5px solid #FF6699;  
    padding:.5em .5em;
	margin:  15px 0px 15px 0;
	font-size: 16px;
	line-height: 120%;
	font-weight:bold;
}  
/* 誕生日プレゼント紹介用 */
.pre-title{
	width: 440px;
	margin:  50px 0 20px 0;
	padding:  30px 0 0 0;
	font-size: 18px;
	line-height: 140%; 
	color:#FF3366;
	font-weight:bold;
	text-align: center;
	background: url(../images/title_bg_02.gif) no-repeat;
}
.pre-site{
	width: 440px;
	margin:  0 0 15px 0;
}
.pre-site img{
	border: 5px solid #eeeeee;
}
.pre-site-name{
	width: 440px;
	margin:  0 0 15px 0;
	font-size: 14px;
	line-height: 120%; 
	font-weight:bold;
	text-align: center;
}
.pre-photo-main{
	width: 440px;
	margin:  0 0 15px 0;
	text-align: center;
}
.pre-photo{
	width: 440px;
	margin:  0 0 20px 0;
	clear: both;
}
.pre-photo .pre-photo1{
	width: 140px;
	margin:  0 10px 20px 0;
	float: left;
}
.pre-photo .pre-photo2{
	width: 140px;
	margin:  0 10px 20px 0;
	float: left;
}
.pre-photo .pre-photo3{
	width: 140px;
	margin:  0 0 20px 0;
	float: left;
}
.pre-copy{
	width: 440px;
	margin:  0 0 80px 0;
	font-size: 12px;
	line-height: 140%; 
	text-align: left;
}
.kaerebatextlink{
	width: 440px;
	margin:  10px 0 10px 20px;
	padding: 0px;
	font-size: 10px;
	line-height: 160%; 
}

/*ソーシャルボタン並びの位置調整*/
.social_btn {
margin: 10px 0px 0px 0px;
padding: 0px;
width:300px;
}

.social_btn .facebook {
float: left;
margin: 0px 10px 0px 10px;
padding: 0px;
display: block;
width: 75px;
height: 65px;
}

.social_btn .twitter {
float: left;
margin: 0px 10px 0px 0px;
padding: 0px;
display: block;
width: 65px;
}

.social_btn .google {
float: left;
margin: 0px 10px 0px 0px;
padding: 0px;
display: block;
width: 55px;
}

.social_btn .hatena {
float: left;
margin: 0px 10px 0px 0px;
padding: 0px;
display: block;
width: 55px;
}

.social_btn .clearfix {
clear: both; 
margin: 0;
padding: 0px;
display: block; 
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
}


.btn {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #666666;
  font-size: 16px;
  background: #dddddd;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #eeeeee;
  text-decoration: none;
}

.base-form {
	border:0;
	padding:2px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#aaa;
	border:solid 1px #ccc;
	margin:0;
	width:125px;
} 

.top-left-ad {
	margin-top:15px;
}