@charset "utf-8";
/*==========================
Base
============================*/

/*---------------------------
reset
---------------------------*/
*{
	margin:0;
	padding:0;
	font-style:normal;
}
ul,li{
	list-style-type:none;
}
img{
	border:none;
	vertical-align: bottom;
}
table,td,th{
	border:none;
	text-align:left;
	/*vertical-align:top;*/
	font-weight:normal;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
/*---------------------------
全体基本
---------------------------*/
body{
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
	background:#f2f2f2;
}
#wrapper{
	width:760px;
	margin-right: auto;
	margin-left: auto;
	background:#fff url(../img/wrapperbg.jpg) repeat-y;
	padding-right: 5px;
	padding-left: 5px;
}
#header .g-main-img{
	height:75px;
	padding-top:5px;
	border-top:3px solid #666666;
	border-bottom:1px solid #666666;
	background-image: url(../img/g-head.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.g-main-img h1{
	width:250px;
	float:left;
}
h2.base{
	padding-top:4px;
	padding-left:20px;
	height:22px;
	background-image: url(../img/h-menu-6.jpg);
	background-repeat: no-repeat;

}
#head-contents{
	padding:0 15px 0 100px;
}
a {
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
}
/*navigation*/
#navi{
	margin:0 auto;
	padding-top:8px;
	padding-left:100px;
	clear: both;
}
#navi li{
	margin-left:10px;
	float:left;
	display:inline;
	background-image: url(../img/navi-line.gif);
	background-repeat: no-repeat;
	background-position: left ;
	padding-left: 10px;
}
#navi li a{
	color: #333333;
	text-decoration: none;	
}
#navi li a:hover{
	color: #CC3300;	
}
a{
	color: #333333;
	text-decoration: none;	
}
a:hover{
	color: #3333FF;
	text-decoration: underline;
}

#navi li.menu4 a{
	display:block;
	height:auto;
	padding-right:10px;
	background-image: url(../img/navi-line.gif);
	background-repeat: no-repeat;
	background-position: right;
}
/*navigation*/
.pankuzu{
	height:20px;
	padding:5px 0 0 15px;
}
.pankuzu a{
	color:#009999;
}
.pankuzu span{
	display:block;
	text-align:right;
	padding-right:14px;
}
em{
	font-weight:bold;
}
strong{
	font-weight:bold;
	color:#CC0000;
}
#maincontentsarea{
	padding:0 15px 150px;
	background-image: url(../img/contentsbg.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}
#footer{
	height:50px;
	padding:7px 0 10px;
	background-color:#FFFFFF;
	clear: both;
	text-align:center;
	border-top:3px solid #666666;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}
#footer p{
	margin-top:15px;
}
.caption{
	padding:5px 15px ;
	background-color: #ECE9D8;	
}
.explanation{
	margin-top:15px;
}
/*引用文*/
blockquote{
	margin:0 0 15px;
	padding:10px;
	background-color:#ECFFFE;
	border:1px dashed #CCCCCC;
	border-bottom:3px double #CCCCCC;
	border-top:3px double #CCCCCC;
}
/*---------------------------
コンテンツ
---------------------------*/

.main {
	float: right;
}
.sub{
	float: left;
}
.g-main{
	width:510px;
}
.g-sub{
	width:200px;
}
#g-menu{
	padding-bottom:15px;
	background-color: #F2EFE6;
}
#g-menu h2{
	padding:3px 10px;
	margin-bottom:15px;
	background-color: #FF9933;
}
#g-menu ul{
	margin:0 5px 0;
	border-top: 1px solid #999999;
}
#g-menu li{
	padding:5px 0 5px 20px;
	background-color:#FFFFFF;
	background-image: url(../img/listmark1.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	border: 1px solid #999999;
	border-top:none;
}
/******************************/
/*-------- PRリンク ----------*/
/******************************/
.PR1{
	margin:20px 0px;

}
.PR1_body{
	border:1px solid #cccccc;
}
.PR1 a{
	margin:0 10px;
	color:#0000ff;
	font-weight:700;
}
.PR1 p{
	margin:0 10px 10px;
}
/*------------clearfix------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{display:inline-block;}
/*Hides from IE-mac\*/
*html.clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/
/*------------clearfix------*/
/*==========================
BaseEnd
============================*/

/*==========================
Font
============================*/
.fsize90{
	font-size:90%;
	line-height:130%;
}
.fsize80{
	font-size:80%;
	line-height:130%;
}
.fsize75{
	font-size:75%;
	line-height:130%;
}
.fsize60{
	font-size:60%;
	line-height:130%;
}
.fbold{
	font-weight: bold;
}
.fcolorr{
	color:#CC3333;
}
.fcolorg{
	color:#339999;
}
.fcolorb{
	color:#007dbc;
}
.fbasecolor{
	color:#333333;
}
/*safari hack*/
/*body:first-of-type .fsize90{
 font-size: 75%;
}
body:first-of-type .fsize80{
 font-size: 75%;
}
body:first-of-type .fsize75{
 font-size: 65%;
}
body:first-of-type .fsize60{
 font-size: 50%;
}*/
/*サイト内検索*/
/*toppage search*/
#searchtop{
	width:200px;
	margin:10px auto;
}
#searchtop .intext{
	width:140px;
}
#searchtop ul{
	margin-top:2px;
}
/*groval page search*/
#search{
	width:340px;
	height:44px;
	float:right;
}
#search .intext{
	width:150px;
}
#search p,#search ul{
	margin:0;
	padding:0;
	text-align:right;
}
#search ul{
	margin-top:2px;
}
#search li{
	display:inline;
}
/*==========================
toppage
============================*/
.top-main{
	width:494px;
}
#top-menu{
	margin-bottom:15px;
	padding-top:20px;
	padding-bottom:10px;
	background-color: #F2EFE6;
	background-image: url(../../img/menu-head.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.top-sub,.top-menu li{
	width:220px;
}
#top-menu a {
	width:190px;
	margin:0 auto 5px;
	display: block;
}
div.top-menu2{
	margin:30px 0 0;
}
div.top-menu2 li{
	margin:0 10px;
	/*padding-left: 15px;
	background-image: url(../../img/ico-sabmen.gif);
	background-repeat: no-repeat;
	background-position: left center;*/
	border-bottom: 1px dashed #999999;
}
#top-menu div.top-menu2 li a{
	margin:0;
}
/*--------toppage-maincontents--------*/
#header .top-main-img {
	background-image: url(../../img/top-mainimg.jpg);
	height: 75px;
	width: 760px;
	background-repeat: no-repeat;
}
#greeting{
	padding: 10px;
	margin-bottom: 15px;
	border: 1px dashed #FF6666;
}
#greeting p{
	margin-bottom:15px;
}
.top-menu-h{
	margin-bottom:15px;
}
.top-menu-h li {
	width: 190px;
	margin-left: 30px;
	padding-left:20px;
	float: left;
	display:inline;/*ie6*/
}
#top-menu-h-2 li{
	background-image: url(../img/listmark1.jpg);
	background-repeat: no-repeat;
	background-position: left center;	
}
#top-menu-h-2 div{
	background-color: #FFF2E1;
}
#top-menu-h-info a{
	color:#0066CC;
}
#top-menu-h-info div,#top-menu-h-2 div{
	width: 492px;
	padding-top:10px;
	padding-bottom: 15px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
#top-menu-h-info table{
	width:470px;
	margin:0 auto;
}
#top-menu-h-info table td{
	border-bottom:1px dashed #999999;
}
/*各豆知識トップへのリンク部*/
.triviaBox{
	float:left;
	width:240px;
	margin:0 0 5px;
	padding:0 5px 0 0 ;
	height:110px;
}
.triviaBox div{
	margin:0 0 5px;
	padding:0 0 0 20px;
	border-bottom:1px dashed #666;
	background: url(../img/listmark3.gif) left center no-repeat;
}
.triviaBox div a{
	color:#0000FF;
	font-weight:700;
}
/*==========================
mamechisiki 
============================*/
/*豆知識トップ*/
.mame-menu-h{
	width:510px;
	margin-top:15px;
}
.mame-menu-h h2{
	padding-top:3px;
	padding-left:20px;
	height:34px;
	background-image: url(../img/h-menu-4.jpg);
	background-repeat: no-repeat;
}
.mame-menu-h div{
	width: 508px;
	padding-top:10px;
	padding-bottom: 15px;
	border: 1px solid #e6e6e6;
	border-top: none;
}
.mame-menu-h li{
	width: 220px;
	height:20px;
	margin:0 0 10px 10px;
	padding-left:20px;
	float: left;
	display:inline;/*ie6*/
	background-image: url(../img/listmark1.jpg);
	background-repeat: no-repeat;
	background-position: left center;	
}
.mame-menu-h li a{
	color:#666666;
}
/*-豆知識中のページ-*/
#mame-menu-h{
	width:510px;
	margin-top:15px;
}
#mame-menu-h h2{
	padding-top:3px;
	padding-left:20px;
	height:34px;
	background-image: url(../img/h-menu-4.jpg);
	background-repeat: no-repeat;
}
#mame-menu-h div{
	width: 508px;
	padding-top:10px;
	padding-bottom: 15px;
	border: 1px solid #e6e6e6;
	border-top: none;
}
#mame-menu-h li{
	width: 220px;
	height:20px;
	margin:0 0 5px 10px;
	padding-left:20px;
	float: left;
	display:inline;/*ie6*/
	background-image: url(../img/listmark1.jpg);
	background-repeat: no-repeat;
	background-position: left center;	
}
#mame-menu-h li a{
	color:#666666;
}
/*mamechisiki-category*/
#mamecate-menu-h{
	margin-top:15px;
	background-color:#FFF2E1;
}
#mamecate-menu-h h2{
	padding-top:4px;
	padding-left:20px;
	height:22px;
	background-image: url(../img/h-menu-6.jpg);
	background-repeat: no-repeat;
}
#mamecate-menu-h div{
	/*width: 468px;*/
	padding:10px 10px 15px;
	color:#333333;
	line-height:150%;
	border: 1px solid #999999;
	border-top: none;
}
#mamecate-menu-h ul{
	display:block;
	margin-bottom:15px;
	padding:0px 15px;
}
#mamecate-menu-h li{
	margin-bottom:5px;
	list-style-type: disc;
}
#mamecate-menu-h div p.outline{
	float:left;
	clear: left;
	width:290px;
}
#mamecate-menu-h div p{
	margin-bottom:8px;
}
#mamecate-menu-h a{
	color:#0000FF;
}
/*差別化-背景白*/
.bg-white{
	background-color:#FFFFFF;
}
/*-右側イメージ画像-*/
.detailedimg{
	float:right;
	width:180px;
	margin:0px 0 10px 10px;
	padding:0;
	border:none;
	
}
/*****************-豆知識-******************/
ul.topiclink{
	border:1px dashed #666666;
	margin-top:30px;
}
#mamecate-menu-h ul.topiclink li{
	list-style-type:none;
}
/*****************-年賀状書き方の豆知識-******************/
/*-年賀状の例文-*/
h3.kakikata6{
	clear:both;
	margin-bottom:10px;
	padding-left:5px;
	border-bottom-width: 3px;
	border-left-width: 5px;
	border-style: double;
	border-color:#993333;
	border-right:none;
	border-top:none;	
}
#mamecate-menu-h div.kakikata6{
	border:dashed 1px #990033;
	background-color:#ffffff;
	margin-bottom:15px;
	padding:5px 5px;
}
ul.kakikata6sab{
	border:dashed 1px #999999;
	border-left:none;
	border-right:none;
}
#mamecate-menu-h div.kakikata6-link{
	margin-bottom:5px;
	border:dashed 1px #999999;
	border-left:none;
	border-right:none;
}
#mamecate-menu-h div.kakikata6-link ul{
	margin:0;
	padding:0;
}
#mamecate-menu-h div.kakikata6-link ul li{
	list-style-type: none;
}
/*****************-正月の豆知識-******************/
/*-オセチについて-*/
h3.syougatu11{
	clear:both;
	margin:30px 0 10px;
	padding-left:5px;
	border-bottom-width: 3px;
	border-left-width: 5px;
	border-style: double;
	border-color:#993333;
	border-right:none;
	border-top:none;
}
dl.syougatu11 dd{
	margin-bottom:5px;
}
/**************-喪中の豆知識-*********************/
/*-喪中・年賀欠礼状の書き方と文例-*/
h3.mochu7{
	clear:both;
	margin:30px 0 10px;
	padding-left:5px;
	border-bottom-width: 3px;
	border-left-width: 5px;
	border-style: double;
	border-color:#993333;
	border-right:none;
	border-top:none;
}
ul.mochu7{
	display:block;
	margin-bottom:15px;
	padding:0px 15px 10px;
}
#mamecate-menu-h div.mochu7{
	border-left:solid 5px #990033;
	border-top:none;
	border-right:none;
	border-bottom:none;
	background-color:#ffffff;
	margin-bottom:15px;
	padding:5px 5px;

}
/*-豆知識サイト紹介-*/
#mamecate-menu-h div.mameintro{
	margin:0 0 10px;
	padding:10px 0 0;
	border: 1px solid #999999;
	border-left:none;
	border-right:none;
	line-height: 1.1em;
}
#mamecate-menu-h div.mameintro p{
	font-size:small;
}
#mame-menu-h ul#mame-catetop-li li{
	float: none;
	width:400px;
	margin-bottom:8px;
	display:block;
}
table.mochu3{
	width:464px;
	background-color:#FFFFFF;
}
table.mochu3,table.mochu3 td,table.mochu3 th{
	border:1px solid #999999;
	border-collapse: collapse;
	text-align:center;
	/*vertical-align:top;*/
	font-weight:normal;
}
table.mochu3 th{
	background-color: #FFFFCC;
}
/*==========================
link
============================*/
.linktop-menu-h{
	width:247px;
	margin:0px 8px 10px 0px;
	float:left;
	display:inline;
}
.linktop-menu-h div{
	height:70px;
	padding:10px 20px 15px;
	color:#333333;
	line-height:150%;
	border: 1px solid #e6e6e6;
	border-top: none;
}
/*中ページ*/
#linktop-menu-h{
	width:247px;
	margin:0px 8px 10px 0px;
	float:left;
	display:inline;
}
#linktop-menu-h div{
	height:70px;
	padding:10px 20px 15px;
	color:#333333;
	line-height:150%;
	border: 1px solid #e6e6e6;
	border-top: none;
}
/*linkcategory*/
#linkcate-menu-h h2{
	height: 21px;
	margin-bottom:15px;
	padding: 5px 0px 0px 20px;
	background-image: url(../img/h-menu-6.jpg);
	background-repeat: no-repeat;
}
#conlink{
	border: 1px solid #666666;
	padding:10px;
}
#conlink div{
	margin-bottom: 15px;

}
.link-comment{
	margin:5px 0;
}
.link-url{
	background-color: #F2EFE6;
}

/*==========================
nenga-hanbai
============================*/
.tcenter{
	text-align:center;
}
.wid200{
	width: 200px;
}
.wid300{
	width: 300px;
}
.wid50{
	width: 50px;
}
.wid100{
	width: 100px;
}

.hanbai-main h2{
	height: 22px;
	margin-bottom:25px;
	padding-top:5px;
	padding-left:20px;
	background-image: url(../img/h-menu-5.jpg);
	background-repeat: no-repeat;
	
}
#hanbaitable{
	background-color: #ECE9D8;
	padding: 10px 15px;
}
#hanbaitable a{
	color: #CC6600;
}
#hanbaitable table{
	width:700px;
}
#hanbaitable table ,#hanbaitable table td ,#hanbaitable table th{
	padding:5px;
	border:1px solid #999999;
	background-color: #ffffff;	
	border-collapse: collapse; 
}
#hanbaitable table th{
	background-color:#FF9933;
}
#hanbaitable table tr td.hanbaicomment{
	background-color: #FAF2ED;
}
#hanbaitable p{
	margin-top:5px;
	text-align:right;
}
/*==========================
sitemap
============================*/
.sitemap-main h2{
	height: 22px;
	margin-bottom:25px;
	padding-top:5px;
	padding-left:20px;
	background-image: url(../img/h-menu-5.jpg);
	background-repeat: no-repeat;
}
#sitemap-menu-h h3{
	padding-left:10px;
	margin-bottom:10px;
	border-left:5px solid #993333;
}
#sitemap-menu-h ul{
	margin-left:50px;
	margin-bottom:20px;
}
#sitemap-menu-h ul li{
	list-style-type: disc;
	list-style-position: inside;
}
/*キーワードごと関連ページ*/
/*各コンテンツ一覧ラップ*/
.connectList{
	margin:0 0 20px;
}
/*キーワード一覧ラップ*/
div.keywordLink{
	padding:10px 0;
	border-style:double none none;
	dorder-width:3px 0 0;
	border-color:#666666;
}
div.keywordLink div{
	margin:0 0 5px;
}
div.keywordLink a{
	color:#0000FF;
}
/*==========================
policy
============================*/
#policy p{
	margin-bottom:20px;
	padding:0 20px;
}
/*==========================
info
============================*/
#wrap-info {
	margin: 10px 15px 0px;
	clear: both;
}
#wrap-info a{
	color:#0000FF;
}
#wrap-info h2 {
	margin-bottom: 10px;
	padding-left: 10px;
	border-bottom: 2px solid #009999;
	border-left: 5px solid #009999;
}
#wrap-info p {
	margin-bottom: 10px;
	margin-right: 15px;
	margin-left: 15px;
}
#wrap-info .info-img {
	margin: 15px;
}
/*==========================
column コラム
============================*/

/*コラムページ用リスト*/
.column-ul{
	margin-bottom:15px;
}
.column-ul li{
	margin-left:20px;
	margin-bottom:5px;
	list-style-type: square;
}
/*--------------------*/
#wrap-column{
	margin: 10px 15px 0px;
	clear: both;
}
#wrap-column a{
	color:#0000FF;
}
#wrap-column h2 {
	margin-bottom: 10px;
	padding-left: 10px;
	border-bottom: 2px solid #009999;
	border-left: 5px solid #009999;
}
#wrap-info p {
	margin-bottom: 10px;
	margin-right: 15px;
	margin-left: 15px;
}
.column-ex{
	margin-bottom:20px;
}
.column-link p{
	margin:0 0 15px 20px;
}
/*-牛キャラクター紹介-*/
div.c20080620{
	margin-bottom:15px;
}
/*-変り種年賀状-*/
.c20080714 {
	margin-bottom:20px;
}
.c20080714 p{
	margin-bottom:5px;
}
/*-外部リンク紹介-*/
#wrap-column div.columnintro{
	margin:0 0 10px;
	padding:10px 0 ;
	border: 1px solid #999999;
	border-left:none;
	border-right:none;
	line-height: 1.1em;
}
.column-return{
	text-align:center;
	margin-top:20px;
}
#wrap-column p {
	margin-bottom: 15px;
}
/*==========================
デザインダウンロード
============================*/

table.download td{
	text-align:center;
}
table.download img.thumb{
	margin:0 0 15px;
	border:1px solid #666;
}
table.download img{
	margin:0 0 15px;
}

