body { font-size: 16px; margin:0; padding:0; text-align:left; font-family:sans-serif;}

a { text-decoration: underline }
a:link { color: #0033CC }
a:visited { color: #0033CC }
a:active { color: #0033CC }
a:hover { color: #ee0000 }

H1{ padding:0; margin:0px 0;}
H1 a { font-size:22px; color: #FFFFFF; text-decoration: none }
H1 a:link { color: #000; text-decoration: none }
H1 a:visited { color: #000; text-decoration: none;  font-weight:normal}
H1 a:active { color: #000; text-decoration: none }
H1 a:hover { color: #ee0000; text-decoration: none }

H1.site_head { float:right; font-size:16px; color: #333; padding:0; margin: 14px 5px 0px 10px;}
h1.info,h2.info{font-size:20px; text-align:center; background-color:#FCF7E9; padding:10px; border-bottom:3px solid #999; margin:40px auto 0 auto;}
div.site_title { margin:0px 0px 0px 0px; font-weight:bold}
div.site_title a { font-size:22px; color: #FFFFFF; text-decoration: none }
div.site_title a:link { color: #000; text-decoration: none }
div.site_title a:visited { color: #000; text-decoration: none }
div.site_title a:active { color: #000; text-decoration: none }
div.site_title a:hover { color: #ee0000; text-decoration: none }


H2 { padding: 5px 10px 5px 10px; margin:0 0 20px 0; font-size: 22px; border-left:#FBA079 12px groove; border-bottom:#FBA079 1px solid;}
H3,H4 { padding: 20px 10px 20px 10px; margin:60px 0 40px 0; font-size: 21px; border-left:#FBA079 12px solid; background-color:#EEEEEE;}
.update{display:block; text-align:right; margin:0; padding:0; font-size:15px;}
P  { line-height:200%; }
P.left  { padding-left:15px;}
P.center  {text-align:center; margin:40px 0}
P.top  { padding-top:15px;}
P.banner  { padding:10px 15px;}
div.contents{border:#CCC 1px solid;margin:10px; padding:0 10px 0 0}
div.contents li{margin:10px 10px 10px 0;}
p.intro {border:#CCC 1px solid; margin:40px 30px; padding:20px;}
p.intro img{vertical-align:middle;margin-right:10px;}
#header .title { margin:12px 10px 4px 10px;}
#header .desc  { margin:0px 10px 5px 13px; color:#888; line-height:160%; font-size:12px; }
#header .image { height:270px; background-image: url("../images/topbg.jpg"); background-repeat: no-repeat; background-position:left; border: 1px #CCC solid;}
.corner{
	border-radius:7px; 			/* CSS3 */
	-moz-border-radius:7px; 		/* Firefox */
	-webkit-border-radius:7px; 	/* Safari,Chrome */
}

.topword { padding-left: 30px; margin: 0px; }
.topword a { font-size:32px; color: #FFFFFF; text-decoration: none }
.topword a:link { color: #FFFFFF; text-decoration: none }
.topword a:visited { color: #FFFFFF; text-decoration: none }
.topword a:active { color: #FFFFFF; text-decoration: none }
.topword a:hover { color: #ff6633; text-decoration: none }
.topdesc { color: #FFFFFF; padding-right: 0px; padding-left: 35px; font-size: 13px; padding-bottom: 15px; padding-top: 10px; }
.topcatlink { text-align:right; padding:0px 10px 10px 0px; font-size:16px; font-weight:bold;}


#container { width: 1020px; margin: 0 auto;}
#main { width:700px;float:left; vertical-align:top; margin:15px 20px 15px 0;}
#right {float:left; width:300px; margin:15px 0px; vertical-align:top;}
#footer {width:100%; clear:both ; border-top: #CCCCCC 1px solid; font-size: 14px; width: 970px; color: #666666; padding:30px 0; text-align: center }
#pagetop{position: fixed; bottom:28px; right:8px;}
#pagetop a {background-color:#AAA; color:#fff; border-radius:50%; text-align: center; text-decoration: none; padding: 10px 15px; font-size:20px}

table.rakuten {margin:10px auto;line-height:200%; border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; border-collapse: collapse }
table.rakuten th { border-right: #cccccc 1px solid; border-top: #cccccc 0px; background-color:#FEE9E0; color:#333; font-weight:normal; border-bottom: #CCCCCC 1px solid; padding:7px 5px;}
table.rakuten tr.list_height {height:80px}
table.rakuten td { border-right: #cccccc 1px solid; border-top: #cccccc 0px; padding: 7px 10px; font-size:16px; border-left: #cccccc 0px; border-bottom: #cccccc 1px solid;}
table.rakuten td.head { width:120px; border-right: #cccccc 1px solid; padding: 4px; border-top: #cccccc 0px; font-size: 16px; background-color:#FEE9E0; color:#333; border-left: #cccccc 0px; border-bottom: #cccccc 1px solid }
table.rakuten td.rank { color:#FF6600; font-size:16px;}
table.rakuten td.title { font-size:18px; font-weight:bold;}
table.rakuten td.title_link {text-align:center}
table.rakuten td.logo { height:100px; width:150px; padding:15px 25px 10px 25px; text-align:center;}
table.rakuten tr.gray { background:#EFEFEF;}
table.rakuten td.circle { text-align:center; width:70px;}
table.rakuten td.site {width:150px;text-align:center;padding:10px;}
table.rakuten td.postage {width:85px;}
table.rakuten td.desc {width:40px;text-align:center;}
table.rakuten td.group { background-color:#E9DECB; }
div.returnlink {text-align:right;padding:20px 10px 10px 0;}

div.side_box {border: #CCC 1px solid; margin-bottom:10px; padding-bottom:10px; }
div.side_box_ad {margin-bottom:10px;}
div.side_title {background-color:#D5EAD8; color:#4E4E27; margin-bottom:5px; padding:9px 7px; border-bottom: #EEE 3px double;}
div.side_banner {margin:0 0 10px 0;}
div.side_banner234 {margin:10px 8px 2px 8px;}
div.cat { text-align:left; padding:13px 10px 5px 10px; font-size:15px;font-weight:bold; color:#333}
div.cat_list { text-align:left;padding:6px 10px 6px 18px; font-size:15px;line-height:120%}
div.cat_list_current { text-align:left;padding:3px 10px 4px 18px; font-size:15px; background-color:#FEEFD8; font-weight:bold;}
div.psite { margin:10px 0px 10px 0px;}
div.intro { line-height:140%; font-size:12px;padding:5px 0px 0px 0px;margin:0px}
div.group_title {padding:5px 3px; font-size:17px;}
img.box{ max-width:100%; height:auto;}
div.pr{text-align:right; font-size:14px; margin:0 0 10px 0;}

.comment { padding-bottom:15px; line-height:130%; }
.key {font-weight:bold; color:#FF0000;}

.twitter_btn{
  width: 68px;
}
.youtube{ text-align:center; margin:0 auto; width:95%; aspect-ratio:16 / 9;}
.youtube iframe{width:100%;height:100%;}


#share ul{
	height:auto;
}
#share li{
	font-size:14px;
	float:left;
	text-align:center;
	width:84px;
	margin-right:7px;
	margin-bottom:8px;
	border-radius:3px;
	list-style:none;
}
#share li.share-twitter{
	background:#000;
	box-shadow:0 2px #FFF;
}
#share li.share-twitter:hover{
	background:#83c3f3;
}
#share li.share-facebook{
	background:#3b5998;
	box-shadow:0 2px #2d4373;
}
#share li.share-facebook:hover{
	background:#4c70ba;
}
#share li.share-google{
	background:#dd4b39;
	box-shadow:0 2px #c23321;
}
#share li.share-google:hover{
	background:#e47365;
}
#share li.share-hatena{
	background:#2c6ebd;
	box-shadow:0 2px #225694;
}
#share li.share-hatena:hover{
	background:#4888d4;
}
#share li.share-pocket{
	background:#f13d53;
	box-shadow:0 2px #e6152f;
}
#share li.share-pocket:hover{
	background:#f26f7f;
}
#share li.share-line{
	background:#00C300;
	box-shadow:0 2px #009d00;
}
#share li.share-line:hover{
	background:#2bd92b;
}
#share a{
	display:block;
	height:27px;
	padding-top:6px;
	color:#ffffff;
	text-decoration:none;
}
#share a:hover{
	text-decoration:none;
	color:#ffffff;
}

div.searchpage {text-align:left; display:inline-block; margin:0 10px; line-height:200%;}
p.page_img{margin:10px; text-align:center}
p.page_img .box{max-width:100%; height:auto;}
div.note{width:700px; margin:60px auto 0px auto; padding:0px; line-height:200%; text-align:left; font-size:15px; color:#888;}
aside.change_company{width:700px; margin:30px auto; padding:30px; border-top:1px solid #eee; display:flex; align-items:center; gap:12px; }
aside.change_company div.pr{display:block; font-size:16px; color:#333;}
aside.change_company div.desc{font-size:15px; color:#888;}