/* ### レイアウト ### */

body {margin: 0 0px;
	color: #333333;
	line-height: 140%;
	letter-spacing: 1px;
	font-family: "Hiragino Kaku Gothic ProN","YuGothic",Meiryo,"メイリオ",sans-serif;
	-webkit-text-size-adjust: 100%;}

body img {
	border: none;
	max-width: 100%;
	height: auto;
}


/* ナビゲーションメニュー */
#nav {font-size: 11px;
	overflow: hidden;
	background-color: #ff9999;}

#nav ul	{margin: 0;
	padding: 0;}

#nav li	{list-style-type: none;
	float: left;}

#nav li a {display: block;
	padding: 8px 0;
	border-right: solid 1px #ffffff;
	border-top: solid 1px #ffffff;
	color: #ffffff;
	text-align: center;
	text-decoration: none;}

#nav li a:hover {background-color: #ffa500;}

#nav ul li {width: 25%;}


/* パンくず */

#pan	{font-size: 12px;
	margin-top: 8px;
	margin-bottom: 15px;
	padding: 0px;
}

#pan a {
	padding: 1px 7px 1px 5px;
	margin-right: 5px;
	background: #dcdcdc;
	text-decoration:none;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

#pan a:hover {
	text-decoration:underline; 
}

/* ヘッダー */




/* ### コンテンツ ### */

h1 {
	color:#ff1493;
	font-size:24px;
	margin-top: 1px;
	padding-left: 10px;
	padding-bottom:3px;
	line-height: 130%;
}

h2 {
	font-size: 20px;
	line-height: 130%;
	color:#ffffff;
	padding:7px;
	background-image: url(image2/18.png);
	background-repeat: repeat-y;
	background-position: right;
	background-color:#ff9999;
}

h3 {
	color: #d2691e;
	font-size: 18px;
	margin-bottom: 10px;
	padding-left: 3px;
	line-height: 130%;
}

h4 {
	color: #fa8072;
	font-size: 18px;
	margin-bottom: 10px;
	padding-left: 3px;
	line-height: 130%;
}

p{
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

/* 文字装飾 */

hr{
	height: 1px;
	background-color: #ffe4e1;
	border: none;
	color: #ffe4e1;
}

.f_ora{
	color:#ffa500;
}

.f_midori{
	color:#008000;
}

.f_ao{
	color:#0000ff;
}

.f_aka{
	color:#ff0000;
}

.bo{
	font-weight:bold;
}

.botan{
	background-color:#87ceeb;
	text-align:center;
	border:2px solid;
	border-color:#aaaaaa #444444 #444444 #aaaaaa;
}
.botan a{
	display: block;
	padding:15px 0;
	color: #ffffff;
	text-decoration: none;
}
.botan a:hover{
	background:#fffafa;
}

/* シャドウ */

.shadow{
border:1px solid silver;
font:10pt arial;
position:relative;
display:inline;
background:white;
padding:5px;
z-index:100
}

.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}

/* フォーム装飾 */

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#ff3e96;
padding: 5px 2px;
background:url(image2/ninshin.png) repeat-x left top;
margin:7px;
}

textarea {
	width: 95%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

button, input, select, textarea {
	font-family : inherit;
	font-size : 100%;
	margin: 0 5px;
}

input {
    max-width: 280px;
}


/* エリア装飾 */

.note{
	border:1px solid #ffc0cb;
	border-radius: 7px;
	padding: 3px;
}

.aowaku{
	border:1px solid #00bfff;
	border-radius:7px;
	padding:3px;
	background-color:#afeeee;
}

.aowaku span{
	white-space: nowrap;
	display: inline-block;
	margin-right:15px;
}

.akawaku{
	border:1px solid #ffc0cb;
	border-radius:7px;
	padding:3px;
	background-color:#ffe4e1;
}

.akawaku span{
	white-space: nowrap;
	display: inline-block;
	margin-right:15px;
}

.maru a{
	background-image:url(sozai/maru.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
	padding-left:17px;
}


a:hover{
	color: #ffa500;
}

.risu{
	list-style-image:url(image2/29.gif);
	margin:0px 0px 0px 30px;padding:0;
}

.risu2{
	list-style-type: decimal;
}

#child-inner .migi{float: right;}
#child-inner .hidari{float: left;}

.naka{text-align: center;}

.mig{text-align: right;}

.all{clear: both;}


/* 挿入画と記事 */

.cut{
	float: right;
	width: 130px;
	margin: 5px 1px 5px 5px;
	padding: 5px;
	background-color: #fff5ee;
	border: 1px solid #ffc0cb;
	border-radius: 15px;
	word-break:break-all;
}

.cut img {
	border: 1px solid #ffc0cb;
	border-radius: 15px;
}

.line1{ /*装飾HR*/
	background-image: url(image2/line1.gif);
	background-repeat: repeat-x;
	background-position: left;
}

table.t {border:1px solid #000000; border-collapse:collapse;}
table.t td{border:1px solid #000000;}
table.t th{border:1px solid #000000;}
table.t th{background-color:#ff4500;color:#ffffff;}
table.t tr:nth-child(odd)  td{background-color:#ffffff;}
table.t tr:nth-child(even) td{background-color:#ffe4b5;}
table.t {width:318px;}
table.t td{padding:5px;}
table.t th{padding:5px;}

table.tt {border:1px solid #000000; border-collapse:collapse;}
table.tt td{border:1px solid #000000;}
table.tt th{border:1px solid #000000;}
table.tt th{background-color:#ff9999;color:#ffffff;}
table.tt tr:nth-child(odd)  td{background-color:#ffffff;}
table.tt tr:nth-child(even) td{background-color:#ffe4b5;}
table.tt td{padding:5px;}
table.tt th{padding:5px;}

/* SNSメニュー */

.social ul	{margin: 10px;
	padding: 5px 0 20px;}

.social li	{display: inline;
	list-style-type: none;}

.social img	{border: none;}


/* 右サイド */

#baby li {margin-top:15px; margin-bottom:15px;}

#baby h3 {
	background-color: #ff9999;
	color: #ffffff;
	padding: 10px;
	border-top:3px solid #ffe4e1;
	border-bottom:2px solid #ffe4e1;
}
	
#baby p {background-color: #dcdcdc;
	text-align: center;
	padding: 10px;
	border:1px solid #c0c0c0;
}

.ad {text-align: center;}


/* ### 画像検索 ### */
#result {margin-left: 5px;}


/* ### フッター ### */

#footer {
	text-align: center;
	margin: 0px;
	line-height: 200%;
	clear: both;}
	
#footer h3 {
	background-color: #ff9999;
	color: #ffffff;
	padding: 10px;
	border-top:3px solid #ffe4e1;
	border-bottom:2px solid #ffe4e1;
}

#footer .end {
	color: #ffffff;
	background-color: #ff9999;
	border-top:3px solid #ffe4e1;
	margin: 0 0px;
	padding: 10px 10px 20px;}


#footer a {
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}


/* 横並び見出し */
.premama{margin-left:14px;}

.premama a{
	display: block;
	float:left;
	width:150px;
	height:50px;
	margin-left:2px;
}

.premama:after {
  content: "";
  clear: both;
  display: block;
}

.ninsin5{
	margin-left: 5px;
	margin-left: 5px;
    padding: 0px;
    list-style:none;
}
.ninsin5 li{
	margin: 0px;
	line-height:37px;
	display:inline-block;
}

.week a{
	margin-left:18px;
	line-height: 240%;
}

/* topページなど */
#headerTop{ /*ヘッダー*/
	background: #fff url(image2/title.jpg) repeat-x top;
	height:120px;
}

#headerTop img{
	margin-top:20px;
	float:left;
}

.thema{
	padding-top:6px;
	color:#ff0000;
	font-size:14px;
	line-height:120%;
}

.search {
	padding:5px;
	margin:5px 0;
}

.map{
	float: right;
	margin-top:10px;
	font-size: 12px;
	font-weight:bold;
    text-align:center;
    padding:0 5px 0 5px;
    border-radius:5px;
    background:rgba(0, 191, 255, 0.7);
}

.map a{
	color:#fff;
	text-decoration:none;
}

.map a:hover {
	background-color: #afeeee;
}

.pregnant a{
	margin-right:15px;
	line-height:37px;
	display:inline-block;
	background-image:url(sozai/4.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
	padding-left:11px;
}

.ninpu{
	margin-left:5px;	
}

.ninpu a{
	width:95px;
	background-color:#ffff77;
	display:inline-block;
	text-decoration:none;
	text-align:center;
	border:1px solid #c0c0c0;
}


/* 上に戻る */
#pageTop{
	background:rgba(199, 179, 112, 0.7);
	border-radius:15px;
	color:#ffffff;
	padding:5px;
	position:fixed;
	bottom:75px;
	right:7px;
}

#pageTop:hover{
	background:rgba(245, 222, 179, 0.7);
}


/* 広告 */
.my_adslot { width: 320px; height: 100px; }
.my_adslot2 { width: 300px; height: 250px; }
.my_adslot3 { width: 300px; height: 250px; }



@media only screen and (min-width:336px) and (max-width:649px){
.my_adslot { width: 320px; height: 100px; }
.my_adslot2 { width: 336px; height: 280px; }
.my_adslot3 { width: 336px; height: 280px; }
}



@media only screen and (min-width:650px) and (max-width:979px){


/* ### レイアウト ### */

#mama {width: 100%;}

#child	{width: 100%;
	margin-right: -330px;
	float: left;}

#child-inner {margin-right: 330px;}

#baby {width: 300px;
	float: right;}


/* ナビゲーションメニュー */
#nav	{font-size: 13px;}

#nav ul li	{width: 12.5%;}


.naka{
	text-align: left;
	margin-left:15px;
}

.thema{
	padding-top:30px;
	font-size:16px;
}


.my_adslot { width: 468px; height: 60px; }
.my_adslot2 { width: 336px; height: 280px; }
.my_adslot3 { width: 300px; height: 600px; }

}


@media only screen and (min-width:980px){


/* ### レイアウト ### */

#mama	{width: 960px;
	margin: auto;}

/* #header	{margin: 0 0 20px;} */

#child	{width: 630px;
	float: left;}

#child-inner {padding-left: 7px;}

#baby	{width: 300px;
	float: right;}
	
#footer {
	font-size: 15px;
	line-height: 180%;
}

/* .rel a {text-align: left;} */


/* ナビゲーションメニュー */
#nav	{font-size: 14px;}

#nav ul li	{width: 12.5%;}


.naka{
	text-align: left;
	margin-left:15px;
}

.thema{
	padding-top:40px;
	font-size:16px;
}


.ninsin5 li{
	min-width: 190px;
}


.my_adslot { width: 728px; height: 90px; }
.my_adslot2 { width: 336px; height: 280px; }
.my_adslot3 { width: 300px; height: 600px; }

}