@charset "UTF-8";
/* CSS Document */

/* clearfix */
.clearfix:after {
   content: " ";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
/* clear float */
.clear
{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	float: none;
}

/* ボディ */
body {
	font-family: "Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
}



/* コンテナ */
#container {
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images_smart-1/clover.jpg);
	background-repeat: repeat;
}



/* ヘッダー */
header {
	background-image: url(images_smart-1/header.png);
	height: 116px;
	width: 320px;
	margin-bottom: 3px;
}

/* ヘッダーの中のナビゲーション */
header #navtop{
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	padding-top: 10px;
}

header #navtop h1{
	font-size: 28px;
	font-style: normal;
	color: #CCFF00;
	margin-bottom: 10px;
	height: 75px;
}

header #navtop ul li{
	float: left;
	display: inline;
	text-align: center;
}
header #navtop ul li a{
	width: 150px;
	height: 24px;
	display: block;
	font-size: 14px;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	color: #FFF;
	text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #efc7cb), color-stop(0.50, #d24b5a), color-stop(0.51, #ba2636), color-stop(1.00, #f28f9a));
	background: -webkit-linear-gradient(top, #efc7cb 0%, #d24b5a 50%, #ba2636 51%, #f28f9a 100%);
	background: -moz-linear-gradient(top, #efc7cb 0%, #d24b5a 50%, #ba2636 51%, #f28f9a 100%);
	background: -o-linear-gradient(top, #efc7cb 0%, #d24b5a 50%, #ba2636 51%, #f28f9a 100%);
	background: -ms-linear-gradient(top, #efc7cb 0%, #d24b5a 50%, #ba2636 51%, #f28f9a 100%);
	background: linear-gradient(to bottom, #efc7cb 0%, #d24b5a 50%, #ba2636 51%, #f28f9a 100%);
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	padding-top: 6px;
}
header #navtop ul li a:hover {
	color: #FF00FF;
}
/* ここまで */

/* パンくずリスト */
.box_diary p#bread	{font-size: 14px;
	margin-top: 3px;
	margin-bottom: 3px;
    }

.box_diary p#bread a	{font-size: 14px;
    text-decoration: none;
	margin-top: 3px;
	margin-bottom: 3px;
    }

.box_diary p#bread a:link {
	color: #0000FF;
	text-decoration: none;
}

.box_diary p#bread a:visited {
	color: #00FFFF;
	text-decoration: none;
}

.box_diary p#bread a:hover {
	color: #FF00FF;
	text-decoration: none;
}
	
.box_diary p#bread a:active {
	color: #000000;
	text-decoration: none;
}


/* 記事 */
.box_diary {
	width: 280px;
	margin-right: auto;
	margin-left: auto;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}
.box_diary .photo {
	float: right;
	height: 60px;
	width: 80px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.box_diary a {
	font-size: 14px;
	text-decoration: none;
	color: #330099;
}

.box_diary a:link {
	color: #0033FF;
	text-decoration: none;
}
    
.box_diary a:hover {
	color: #FF00FF;
	text-decoration: none;
}

.box_diary a:active {
	color: #000000;
	text-decoration: none;
}

.box_diary h2 {
	background-image: url(images_smart-1/title_main.png);
	font-size: 14px;
	height: 28px;
	color: #000;
	padding-top: 15px;
	padding-left: 10px;
}

.box_diary h3 {
	font-size: 14px;
	font-style: italic;
	text-align: right;
	color: #FF0066;
	margin-top: 5px;
	margin-bottom: 3px;
}

.box_diary h4 {
	font-size: 14px;
	color: #FF0066;
}

.box_diary h5 {
	font-size: 14px;
	color: #0000FF;
}

.box_diary p {
	font-size: 14px;
	line-height: 180%;
}
.photo_contents {
	margin-top: 10px;
}




/* 下部のメインナビゲーション */
nav{
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
nav ul li{
	text-align: center;
}
nav ul li a{
	height: 24px;
	display: block;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #efc7cb), color-stop(0.50, #d24b5a), color-stop(0.51, #ba2636), color-stop(1.00, #f28f9a));
	background: -webkit-linear-gradient(top, #efc7cb 0%, #d24b5a 50%, #ba2636 51%, #f28f9a 100%);
	background: -moz-linear-gradient(top, #efc7cb 0%, #d24b5a 50%, #ba2636 51%, #f28f9a 100%);
	background: -o-linear-gradient(top, #efc7cb 0%, #d24b5a 50%, #ba2636 51%, #f28f9a 100%);
	background: -ms-linear-gradient(top, #efc7cb 0%, #d24b5a 50%, #ba2636 51%, #f28f9a 100%);
	background: linear-gradient(to bottom, #efc7cb 0%, #d24b5a 50%, #ba2636 51%, #f28f9a 100%);
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	padding-top: 6px;
}

nav ul li a:link {
	color: #FFFFFF;
	text-decoration: none;
}
    
nav ul li a:hover {
	color: #FF00FF;
}

nav ul li a:active {
	color: #000000;
	text-decoration: none;
}
/* ここまで */

/* このページのトップへ */
.pagetop {
	margin-top: 10px;
	margin-bottom: 10px;
}
.pagetop p {
	text-align: right;
	font-size: 14px;
	padding-right: 10px;
}
.pagetop p a {
	color: #FF0066;
	font-style: italic;
	text-decoration: none;
}
    
.pagetop p a:hover {
	color: #FF00FF;
}

.pagetop p a:active {
	color: #000000;
	text-decoration: none;
}
/* ここまで */

/* パソコンサイトへ */
#gotopc {
	margin-top: 10px;
	margin-bottom: 10px;
}
#gotopc p {
	text-align: right;
}
#gotopc p a {
	font-style: italic;
	font-size: 14px;
	color: #FF0066;
	text-decoration: none;
}
/* ここまで */

/* バナー置き場
-----------------------------------------*/
section.banner,
section.banner-img {
background: url(images_smart-1/back-button02.png);
margin: 1em 0;
}
.banner div,
.banner-img div {
font-size: 20px;
padding: 1.5em 0;
}
.banner a {
width: 80%;
display: block;
text-align: center;
font-size: 20px;
margin: 3% auto;
padding: 1em 0;
color: #FFFFFF;
text-decoration: none;
background: #2F79C3 url(images_smart-1/back-button01.png) center center repeat-x;
border: 1px solid #3867F6;
}
.banner a:hover {
opacity: .85;
}
.banner-img img {
width: 80%;
margin: 0 0 5%;
}

/* ここまで */


/* テーブル
-----------------------------------------*/
table {
border-spacing: 0;
border-collapse: collapse;
margin: 2em 3% 10px;
}
table caption {
text-align:left;
font-size: 14px;
}
td, th {
border: 1px #998675 solid;
padding: 20px 5px 10px;
font-size: 14px;
}
th {
text-align:left;
white-space: nowrap;
width: 1%;
font-weight:normal;
background-color: #FFFF33;
color: #000000;
}



/* フッター */
footer {
	padding: 10px;
	background-color: #99FFFF;
}

footer p {
	text-decoration: none;
	clear: both;
	color: #000;
	font-size: 14px;
	line-height: 150%;
	text-align: center;
}

footer p a {
	color: #330099;
	font-size: 14px;
	text-decoration: none;
}

footer p a:link {
	color: #0000FF;
	text-decoration: none;
}
    
footer p a:visited {
	color: #0033FF;
	text-decoration: none;
}

footer p a:hover {
	color: #FF00FF;
	text-decoration: none;
}

footer p a:active {
	color: #000000;
	text-decoration: none;
}
/* ここまで */