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

/* リセット */
body {
	font-family: "Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	background-color: #FFF;
}

/* 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;
}

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

/* ヘッダー */
header {
	background-image: url(images_smart/header.png);
	height: 68px;
	width: 318px;
	margin-bottom: 5px;
}
header h1 {
	text-align: left;
	color: #CCFF00;
	padding-top: 14px;
	padding-left: 20px;
	font-size: 25px;
}

/* パンくずリスト */
p#bread {font-size: 14px;
    line-height: 200%;
	margin-top: 10px;
	margin-bottom: 10px;
    }

p#bread a {font-size: 14px;
    text-decoration: none;
    }

p#bread a:link {
	color: #0033FF;
	text-decoration: none;
}

p#bread a:visited {
	color: #0033FF;
	text-decoration: none;
}

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

/* ここまで */
	


/* ブログ記事用ボックス */
.box_diary {
	background-image: url(images_smart/bk_topic.jpg);
	width: 280px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.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/title_main.png);
	font-size: 14px;
	height: 38px;
	color: #000;
	padding-top: 15px;
	padding-left: 10px;
}
.box_diary h3 {
	font-size: 14px;
	font-style: normal;
	text-align: right;
	color: #FF0066;
	margin-top: 5px;
	margin-bottom: 3px;
}

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

.box_diary p {
	font-size: 14px;
	line-height: 200%;
}

.box_diary p a {
	font-size: 14px;
	line-height: 200%;
	text-decoration: none;
}

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

.box_diary p a:visited {
	color: #0033FF;
	text-decoration: none;
}

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


.pagetop {
	margin-top: 10px;
	margin-bottom: 10px;
}
.box_diary h6 {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.box_diary h6 a {
	text-decoration: none;
}

.box_side h4 {
	background-image: url(images_smart/title_side.png);
	height: 64px;
	width: 300px;
}
/* ここまで */

/* 下部のメインナビゲーション */
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: #0000FF;
	text-decoration: none;
}
    
nav ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

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

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


/* このページのトップへ */
.pagetop p {
	text-align: right;
	padding-right: 10px;
}
.pagetop p a {
	color: #900;
	font-size: 14px;
	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(images4/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: #FFF;
text-decoration: none;
background: #2F79C3 url(images4/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: 12px;
	line-height: 150%;
	text-align: center;
}

footer p a {
	color: #330099;
	font-size: 12px;
	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;
}
/* ここまで */