@charset "UTF-8";

/* top layout */

#main_content {
	width: 856px;
	height: 627px;
	margin: 2px 0px 0px;
	padding: 17px 15px 0px;
	background: url(../images/main_bg.gif) no-repeat left top;
}

#main_content #top_main_content {
	width: 856px;
	margin: 0px;
	padding: 0px;
}
#main_content #bottom_main_content {
	width: 856px;
	margin: 0px;
	padding: 0px;
	clear: left;
}

#social-box{
	padding-left: 75px;
	margin-top: 5px;
}


/* 七五三ドットコム 七五三情報のポータルサイト */
#top_main_content #catch {
	width: 653px;
	height: 320px;
	margin-left: 2px;
	background: url(../images/catch.jpg) no-repeat left top;
	float: left;
}
#top_main_content #catch h3 {
	width: 310px;
	height: 96px;
	margin: 34px 0px 0px 30px;
	background: url(../images/catch_img01.jpg) no-repeat left top;
}
#top_main_content #catch p.catchTxt {
	width: 310px;
	height: 88px;
	margin: 0px 0px 0px 30px;
	background: url(../images/catch_img02.jpg) no-repeat left top;
}
#top_main_content #catch p.special {
	width: 294px;
	height: 73px;
	margin: 20px 0px 0px 30px;
}



/* 新着のお知らせ */	
#top_main_content #main_content_leftbox {
	width: 199px;
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 88%;
}	
#top_main_content #news {
	width: 199px;
	height: 229px;
	margin: 0px;
	padding: 0px;
	background: url(../images/news.gif) no-repeat left top;
}	
#top_main_content #news h4 {
	width: 199px;
	height: 38px;
	background: url(../images/news_title.gif) no-repeat left top;
}
#top_main_content #news #news_box {
	width: 179px;
	padding-top: 6px;
	padding-left: 20px;
	background: url(../images/news_box_bg.gif) no-repeat 12px top;
}
#top_main_content #news #news_box dl {
	margin-bottom: 6px; 
}
#top_main_content #news #news_box dt {
	color: #ff029a; 
}
#top_main_content #news #news_box dd {
	width: 163px;
	margin-top: 1px;
	line-height: 120%; 
}

#top_main_content #news #news_box p {
	text-align: right;
	padding-right: 20px;
	font-size: 93%;
}
#top_main_content #news #news_box p a:link {
	color: #ff029a;
	text-decoration: underline;
}
#top_main_content #news #news_box p a:visited {
	color: #ff029a;
	text-decoration: underline;
}
#top_main_content #news #news_box p a:hover {
	color: #222; 
	text-decoration: none;
}
#top_main_content #news #news_box p a:active {
	color: #ff029a;
	text-decoration: underline;
}


#top_main_content #news dd a:link {
	color: #111;
	text-decoration: underline;
}
#top_main_content #news dd a:visited {
	color: #111;
	text-decoration: underline;
}
#top_main_content #news dd a:hover {
	color: #ff029a;
	text-decoration: none;
}
#top_main_content #news dd a:active {
	color: #111;
	text-decoration: underline;
}



#top_main_content #keisai {
	width: 199px;
	height:  84px;
	margin-top: 7px;
}
#top_main_content #keisai a {
	width: 199px;
	height:  84px;
	text-decoration: none;
	display: block;
	overflow: hidden;
	background: url(../images/banner_shop.jpg) no-repeat left top;
}


/* マップから七五三関連店舗を探す */

#bottom_main_content #map {
	width: 580px;
	height: 285px;
	margin-top: 7px;
	font-size: 88%;
	float: left;
	background: url(../images/map_bg.jpg) no-repeat left top;   
}
#bottom_main_content #map h4 {
	width: 569px;
	height: 38px;
	text-align: left;
	background: url(../images/map_h3.gif) no-repeat left 5px;
}
#bottom_main_content #map p.tenpo {
	font-size: 150%;
	letter-spacing: 1px;
	font-weight: bold;
	margin: 0px 0px -12px;
	padding: 0px;
	text-align: right;
	position: relative;
	top: -20px;
	right: 81px;
	color: #FF1100;
}
/* IE6 */
* html #bottom_main_content #map p.tenpo {
	top: -20px;
	right: 74px;
}
/* IE7 */
*:first-child+html #bottom_main_content #map p.tenpo {
	top: -21px;
	right: 75px;
}
/* IE8 */
head~/* */body #bottom_main_content #map p.tenpo {
	top: -21px;
	right: 78px;
}
/* Mozilla Firefox */
html:not([lang*=""]) #bottom_main_content #map p.tenpo {
	top: -20px;
	right: 81px;
}

#bottom_main_content #map #map_img {
	width: 246px;
	height: 202px;
	position: relative;
	top: -209px;
	left: 297px;
	margin: 0px 0px -202px;
	padding: 0px;
}

#bottom_main_content #map dl {
	clear: left;
	width: 555px;
	margin-top: 7px;
	padding-left: 17px;
}
#bottom_main_content #map dt {
	font-weight: bold;
	line-height: 120%;
	padding-left: 0px;
	padding-bottom: 3px;
	letter-spacing: 2px;
}

#bottom_main_content #map dd {
	color: #777;
	padding-left: 0px;
	letter-spacing: 0px;
}	 

#bottom_main_content #map dt a:link {
	color: #ff6600;
	text-decoration: none;
}
#bottom_main_content #map dt a:visited {
	color: #ff6600;
	text-decoration: none;
}
#bottom_main_content #map dt a:hover {
	color: #ff6600;
	text-decoration: underline;
}
#bottom_main_content #map dt a:active {
	color: #ff6600;
	text-decoration: none;
}

#bottom_main_content #map dd a:link {
	color: #222;
	text-decoration: none;
}
#bottom_main_content #map dd a:visited {
	color: #222;
	text-decoration: none;
}
#bottom_main_content #map dd a:hover {
	color: #ff6600;
	text-decoration: underline;
}
#bottom_main_content #map dd a:active {
	color: #222;
	text-decoration: none;
}






/* 目的別で探す */
#bottom_main_content #mokuteki {
	width: 274px;
	height: 285px;
	margin-top: 7px;
	float: left;
	font-size: 88%;
}
#bottom_main_content #mokuteki h4 {
	width: 274px;
	height: 43px;
	background: url(../images/mokuteki_h3.gif) no-repeat left 5px;
}
#bottom_main_content #mokuteki #mokuteki_box {
	width: 247px;
	height: 232px;
	padding-left: 27px;
	padding-top: 10px;
	background: url(../images/mokuteki_bg.gif) no-repeat left top; 
}
#bottom_main_content #mokuteki #mokuteki_box dl {
	margin-bottom: 14px;
}
#bottom_main_content #mokuteki #mokuteki_box dt {
	color: #40b25d;
	font-weight: bold;
	margin-bottom: 2px;
	line-height: 120%;
}
#bottom_main_content #mokuteki #mokuteki_box dd.txt01 {
	margin-top: 4px;
	font-size: 11px;
}

#bottom_main_content #mokuteki #mokuteki_box #search_box {
	width: 247px;
	margin: 0px;
	padding: 0px;
}

#bottom_main_content #mokuteki #mokuteki_box #search_box dl {
	width: 127px;
	margin: 0px;
	padding: 0px;
}

#bottom_main_content #mokuteki #mokuteki_box #btn_search {
	width: 94px;
	position: relative;
	top: -25px;
	left: 128px;
}

#bottom_main_content #mokuteki #mokuteki_box .wid01 {
	width: 220px;
	font-size: 12px;
	line-height: 120%;
}
#bottom_main_content #mokuteki #mokuteki_box .wid02 {
	width: 115px;
	height: 16px;
	font-size: 12px;
	line-height: 130%;
}
#bottom_main_content #mokuteki #mokuteki_box p.err {
	width: 200px;
	margin: 0px;
	padding: 0px;
}



#second_contens {
	width: 886px;
	margin: 15px 0px 0px;
	padding: 0px;
	clear: left;
}			

#second_contens #right_content {
	width: 656px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#second_contens #left_content {
	width: 230px;	
	margin: 0px;
	padding: 0px;
	float: left;
}



/* お勧めの店舗情報 */
#osusume_shop {
	width: 656px;
	margin: 0px;
	padding: 0px;
	font-size: 88%;
}
#osusume_shop h5 {
	width: 645px;
	height: 36px;
	background: url(../images/title_osusume_shop.jpg) no-repeat left top;
}
#new_shop {
	width: 656px;
	margin: 0px;
	padding: 20px 0px 0px;
	clear: left;
	text-align: left;
	font-size: 88%;
}
 #new_shop h5 {
	width: 645px;
	height: 36px;
	background: url(../images/title_new_shop.jpg) no-repeat left top;
}

.shop_boxs {
	width: 645px;
	margin: 0px;
	padding: 0px 0px 0px 2px;
	clear: left;
}


.shop_boxs .osusume_shop_box, .shop_boxs .new_shop_box {
	width: 152px;
	margin: 10px 4px 0;
	padding: 0; 
	text-align: left;
	float: left;
	position:relative;
}

.shop_boxs .shop_img {
	position:relative;
	padding:150% 0 0 !important;
	margin:0 !important;
	width:100% !important;
	height:0;
	border:1px solid #ccc;
	z-index:2;
	overflow: hidden;
}

.shop_boxs .shop_img>div{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100% !important;
	height:100% !important;
}

.shop_boxs .shop_img>div>div{
	display:table;
	width:100%;
	height:100%;
}
.shop_boxs .shop_img>div>div>a{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding:1px;
	overflow:hidden;
}

.shop_boxs dl{
	position:relative;
	width:100% !important;
	margin:0 !important;
	padding-top:0 !important;
	z-index:1;
}

.shop_boxs dt {
	width:100% !important;
	margin:5px 0 0 0 !important;
	padding:0 !important;
	background:none !important;
	color: #00F;
	font-weight: bold;
	text-align: center;
}

.shop_boxs dt, .shop_boxs dd p.jusho {
	text-align:left;
	width:100% !important;
	padding:0 !important;
}

.shop_boxs dl {
	width: 150px;
	margin-top: 8px;
}
.shop_boxs dt {
	margin-top: 5px;
	color: #0000ff;
	font-weight: bold;
	text-align: center;
}
.shop_boxs dd {
	margin-top: 5px;
}
.shop_boxs dd p.jusho {
	font-size: 93%;
	color: #444;
	text-align: center;
}
.shop_boxs dd p.catch {
	line-height: 120%;
	text-align: left;
	font-size: 93%;
	color: #FF833F;
}

.shop_boxs a:link {
	color: #0066DF;
	text-decoration: none;
}
.shop_boxs a:visited {
	color: #0066DF;
	text-decoration: none;
}
.shop_boxs a:hover {
	color: #0066DF;
	text-decoration: underline;
}
.shop_boxs a:active {
	color: #0066DF;
	text-decoration: none;
}





/* 右下　七五三の豆知識 */

#left_content #contents_753 {
	width: 229px;
	font-size: 84%;
}
#left_content #contents_753 h4 {
	width: 229px;
	height: 38px;
	background: url(../images/contents_753.gif) no-repeat left top;
}
#left_content #contents_753_box {
	width: 229px;
	padding-bottom: 22px;
	background: url(../images/contents_753_bottom_bg.jpg) no-repeat left bottom;
}	 
#left_content #contents_753 ul {
	width: 207px;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 0px 12px;
	list-style-type: none;
	background: url(../images/contents_753_top.jpg) no-repeat left top;
}
#left_content #contents_753 li.text01 a {
	width: 175px;
	height: 27px;
	margin: 0px 0px 0px 12px;
	padding: 11px 0px 0px 10px;
	line-height: 135%;
	display: block;
	background: url(../images/mame_line_bg.gif) no-repeat left bottom;
}
#left_content #contents_753 li.text02 a {
	width: 175px;
	height: 35px;
	margin: 0px 0px 0px 12px;
	padding: 3px 0px 0px 10px;
	line-height: 135%;
	display: block;
	background: url(../images/mame_line_bg.gif) no-repeat left bottom;
}
#contents_753 li a:link {
	color: #ff029a; 
	text-decoration: none;
}
#contents_753 li a:visited {
	color: #ff029a; 
	text-decoration: none;
}
#contents_753 li a:hover {
	color: #222; 
	text-decoration: none;
}
#contents_753 li a:active {
	color: #ff029a; 
	text-decoration: none;
}



#second_contens #left_content #mame_chishiki {
	width: 225px;
	margin: 20px 0px 0px;
	padding: 0px;
	font-size: 88%;
	text-align: center;
}
#second_contens #left_content #mame_chishiki h5 {
	width: 225px;
	height: 80px;
}

#second_contens #left_content #mame_chishiki h5 a {
	width: 225px;
	height: 80px;
	text-decoration: none;
	display: block;
	overflow: hidden;
	background: url(../images/banner_mamechishiki.jpg) no-repeat left top;
}

#second_contens #left_content #mame_chishiki p.txt01 {
	display: none;
}
#second_contens #left_content #mame_chishiki p.txt02 {
	padding-top: 5px;
	line-height: 130%;
}

#second_contens #left_content #mame_chishiki p.txt02 a:link {
	color: #0066DF;
	text-decoration: none;
}
#second_contens #left_content #mame_chishiki p.txt02 a:visited {
	color: #0066DF;
	text-decoration: none;
}
#second_contens #left_content #mame_chishiki p.txt02 a:hover {
	color: #0066DF;
	text-decoration: underline;
}
#second_contens #left_content #mame_chishiki p.txt02 a:active {
	color: #0066DF;
	text-decoration: none;
}



/* google ads */
.ads_topbtm {
	clear: left;
	padding-top: 10px;
	text-align: center;
}

/* facebook & twitter */
.twitter_topbtm {
	width: 200px;
	float: left;
	padding-top: 20px;
	padding-right: 5px;
}

.fb_topbtm {
	float: right;
	padding-top: 20px;
}

/* トップメイン javascript [ｶｽﾀﾏｲｽﾞ2010.12.24] */
#top_main_content #java {
	width: 653px;
	height: 320px;
	margin-left: 2px;
	background: url(../images/topmain_bg.jpg) no-repeat left top;
	float: left;
}

#top_main_content #java #slideshow {
	height: 308px;
	padding-top: 12px;
	padding-left: 12px;
}
#top_main_content #java #slideMain {
	width: 500px;
	height: 286px;
	padding: 5px;
	float: left;
}
#top_main_content #java #slideshow ul#slideNavi {
	width: 88px;
	float: left;
	padding-left: 8px;
}
#top_main_content #java #slideshow ul#slideNavi li {
	width: 88px;
	height: 58px;
	overflow: hidden;
	display: inline;
	background: #FF8FD0;
}
#top_main_content #java #slideshow ul#slideNavi li a {
	width: 88px;
	padding: 4px;
	display: block;
	border: 1px solid #bbbbbb;
	float: left;
	margin-bottom: 8px;
	display: inline;
	background: #fff;
}
#top_main_content #java #slideshow ul#slideNavi li.now a {
	padding: 1px;
	border: 4px solid #bdbdbd;
	background: #ccc;
}