/* 静的コンテンツに関係するCSSを読み込む */
@import "static.css";
/* @import url("static.css"); */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　Movable Type のスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* common */
/* -------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-family: Osaka, ＭＳ Ｐゴシック, MS UI Gothic, sans-serif;
	color: #000000;
	text-align: center;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-size: 100%;
	line-height: 120%;
}
p, ul, ol, dl, table, .asset-content {
	font-size: 100%;
	line-height: 150%;
}
ul {
	list-style-type: none;
}
img {
	border: 0;
	display: block;
}
input {
	vertical-align: middle;
}


/* link */

a:link,
a:visited,
a:active {
	color: #324391;
	text-decoration: underline;
}
a:hover {
	color: #ff3300;
	text-decoration: underline;
}



/* container */
/* -------------------------------------------------------- */

#container {
	width: 900px;
	margin: 0 auto 15px auto;
	padding-top: 10px;
	text-align: left;
	position:relative;
}


/* contents */
/* -------------------------------------------------------- */

#contents {
	width: 680px;
	float: right;
}

/* sidebar */

#sidebar {
	width: 210px;
	border-top: solid 1px #cecece;
	float: left;
}


/* asset */

.asset {
	margin-bottom: 30px;
}
.asset-header {
	margin-bottom: 10px;
}
.asset-content {
	margin-bottom: 15px;
}

.asset-list {
	margin-bottom: 30px;
}
.asset-list ul {
	font-size: 130%;
	font-weight: bold;
}
.asset-list li {
	padding: 0 0 5px 22px;
	background: url(../img/icon_02.gif) no-repeat 0 .3em;
}


/* asset parts */

.asset-content small {
	font-size: 85%;
}
.asset-content big {
	font-size: 140%;
}
.asset-content ul {
	list-style-type: disc;
	padding-left: 22px;
}
.asset-content ol {
	padding-left: 25px;
}
.asset-content blockquote {
	font-weight: bold;
	font-style: italic;
}



/* flash-block */

.flash-block {
	width: 680px;
	height: 200px;
	margin-bottom: 15px;
}




/* footer */
/* -------------------------------------------------------- */

#footer {
	width: 905px;
	margin: 0 auto;
	padding-bottom: 15px;
	text-align: left;
}


/* footer-navi-01 */

#footer-navi-01 {
	font-size: 85%;
	margin: 0 5px 15px 5px;
}
#footer-navi-01 li {
	padding-left: 20px;
	float: right;
}
#footer-navi-01 a {
	line-height: 18px;
	padding: 0 0 0 20px;
	display: block;
}
#footer-navi-01 a:link,
#footer-navi-01 a:visited,
#footer-navi-01 a:active {
	background: url(../img/icon_03.gif) no-repeat 0 0;
}
#footer-navi-01 a:hover {
	background: url(../img/icon_03.gif) no-repeat 0 -100px;
}


/* footer-navi-block */

#footer-navi-block {
	width: 905px;
	margin-bottom: 5px;
	padding-top: 18px;
	background: url(../img/bg_footer_01a.gif) no-repeat left top;
}
#footer-navi-block-01 {
	width: 905px;
	padding-bottom: 15px;
	background: url(../img/bg_footer_01b.gif) no-repeat left bottom;
}

#footer-navi-block ul {
	font-size: 85%;
	text-align: center;
	color: #333333;
	margin: 0 5px 3px 5px;
}
#footer-navi-block li {
	padding-right: 3px;
	display: inline;
}
#footer-navi-block a {
	padding-right: 3px;
}

#footer-navi-block a:link,
#footer-navi-block a:visited,
#footer-navi-block a:active {
	color: #333333;
	text-decoration: underline;
}
#footer-navi-block a:hover {
	color: #333333;
	text-decoration: none;
}


/* copy */

#copy {
	font-size: 85%;
	line-height: 110%;
	color: #666666;
	text-align: center;
}
#copy a:link,
#copy a:visited,
#copy a:active {
	color: #666666;
	text-decoration: none;
}
#copy a:hover {
	color: #999999;
	text-decoration: none ;
}


p.bt-top {
	width: 900px;
	margin: 0 auto 10px auto;
	text-align: right;
}
p.bt-top img {
	display: inline;
}




/* side widget */
/* -------------------------------------------------------- */

.widget1 {
	width: 210px;
	background: url(../img/bg_sidebar.gif) repeat-y left top;
}


/* side-beginner */
.side-beginner {
	padding-bottom: 10px;
	border-bottom: solid 1px #cecece;
}

.side-beginner h2 {
	margin-bottom: 8px;
}
.side-beginner p {
	font-size: 85%;
	line-height: 130%;
	margin-left: 10px;
	margin-right: 10px;
}


/* side-info */

.side-info {
	padding-bottom: 10px;
	border-bottom: solid 1px #cecece;
}
.side-info h2 {
	margin-bottom: 8px;
}
.side-info dl {
	font-size: 85%;
	line-height: 130%;
	margin-left: 10px;
	margin-right: 10px;
}
.side-info dt {
	position: relative;
}
.side-info dt span {
	white-space: nowrap;
	position: absolute;
}
.side-info dd {
	padding-left: 3.5em;
}


/* side-comments */

.side-comments {
	padding-bottom: 10px;
	border-bottom: solid 1px #cecece;
}
.side-comments h2 {
	margin-bottom: 8px;
}
.side-comments dl {
	font-size: 85%;
	line-height: 130%;
	margin-left: 10px;
	margin-right: 10px;
}
.side-comments dt {
	position: relative;
}
.side-comments dt span {
	white-space: nowrap;
	position: absolute;
}
.side-comments dd {
	padding-left: 3.5em;
}


/* side-content */

.side-content {
	border-bottom: 0;
}
.side-content h2 {
	border-bottom: solid 1px #cecece;
}
.side-content .side-navi li {
	width: 210px;
	float: left;
}


/* side-mobile */

.side-mobile {
	padding-bottom: 10px;
	border-bottom: solid 1px #cecece;
}
.side-mobile h2 {
	margin-bottom: 8px;
}
.side-mobile .inner {
	margin-left: 10px;
	margin-right: 10px;
}
.side-mobile .inner img {
	margin-right: 5px;
	display: inline;
	float: left;
}
.side-mobile .inner p {
	font-size: 85%;
	line-height: 130%;
}


/* side-link */

.side-link {
	padding-bottom: 10px;
	border-bottom: solid 1px #cecece;
}
.side-link h2 {
	margin-bottom: 12px;
}
.side-link ul {
	width: 180px;
	margin-left: 15px;
	margin-bottom: 30px;
}
.side-link li {
	width: 180px;
	margin-bottom: 3px;
}


/* side-area */

.side-area {
	width: 190px;
	margin-left: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
}
.side-area h2 {
	margin-bottom: 6px;
}
.side-area p {
	font-size: 85%;
	line-height: 130%;
}




/* parts */
/* -------------------------------------------------------- */

.b {font-weight: bold;}
.ri {text-align: right;}
.cen {text-align: center;}
.ri img,
.cen img {display: inline;}

#container .m05 {margin-bottom: 5px;}
#container .m10 {margin-bottom: 10px;}
#container .m15 {margin-bottom: 15px;}
#container .m20 {margin-bottom: 20px;}
#container .m25 {margin-bottom: 25px;}
#container .m30 {margin-bottom: 30px;}
#container .m35 {margin-bottom: 35px;}

.lbox {float: left;}
.rbox {float: right;}



/* div */

.box1 {
	margin-bottom: 20px;
}
.box1 .lbox,
.box1 .rbox {
	width: 333px;
}
.box1 h3 {
	font-size: 130%;
	padding: 4px 0 15px 22px;
}
.box1 .lbox h3 {
	color: #4fba1b;
	background: url(../img/icon_01a.gif) no-repeat left top;
}
.box1 .rbox h3 {
	color: #fe6807;
	background: url(../img/icon_01b.gif) no-repeat left top;
}
.box1a {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: solid 1px #cccccc;
}
.box1a .asset-content {
	margin-bottom: 10px;
}


/* title */

h1 {
	margin-bottom: 15px;
}
#header-logo {
	margin-bottom: 2px;
}
#header-logo h1 {
	margin-bottom: 0;
}

#category-title {
	font-size: 130%;
	font-weight: bold;
	color: #999999;
	text-align: right;
	margin-bottom: 15px;
	border-bottom: solid 1px #cccccc;
}

.asset-header h2 {
	font-size: 120%;
	color: #000000;
}
.asset-header h2 a:link,
.asset-header h2 a:visited,
.asset-header h2 a:active {
	color: #000000;
	text-decoration: none;
}
.asset-header h2 a:hover {
	color: #666666;
	text-decoration: none;
}

.asset-header .ti {
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom: solid 1px #999999;
}


/* p */

p.bt {
	padding-left: 15px;
	background: url(../img/icon_01.gif) no-repeat 2px 5px;
}


/* ul */

ul.disc {
	list-style-type: disc;
	margin-left: 22px;
}

ul.banner-box {
	margin-bottom: 10px;
}
ul.banner-box li {
	width: 100%;
	padding-bottom: 5px;
	float: left;
}


/* dl */

dl.atten dt {
	width: 1.2em;
	position: absolute;
}
dl.atten dd {
	padding-left: 1.2em;
}


/* table */

table.type1 {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
table.type1 th,
table.type1 td {
	text-align: left;
	vertical-align: middle;
	padding: 10px 0 8px 15px;
}
table.type1 th {
	white-space: nowrap;
}
table.type1 td.cell1 {
	width: 66px;
	text-align: center;
	padding: 10px 0;
}
table.type1 td.cell1 img {
	display: inline;
}
table.type1 .bg {
	background: #dbedd9;
}
table.type1 a:link,
table.type1 a:visited,
table.type1 a:active {
	color: #000000;
	text-decoration: none;
}
table.type1 a:hover {
	color: #0a6600;
	text-decoration: underline;
}




/* case-list-block */
/* -----------------------------------------------------------------------------------------*/

.case-list-block {
	width: 680px;
}
.case-list-block ul {
	width: 100%;
	list-style-type: none;
}
.case-list-block li {
	width: 136px;
	height: 140px;
	margin-bottom: 15px;
	overflow: hidden;
	float: left;
}
.case-list-block li a {
	width: 120px;
	height: 140px;
	padding-top: 3px;
	display: block;
}
.case-list-block li a:link,
.case-list-block li a:visited,
.case-list-block li a:active {
	background: url(../img/bt_02.gif) no-repeat 0 0;
}
.case-list-block li a:hover {
	background: url(../img/bt_02.gif) no-repeat 0 -140px;
}
.case-list-block li a span {
	width: 114px;
	height: 114px;
	margin-left:3px;
	overflow: hidden;
	display: block;
}




/* case-block */
/* -----------------------------------------------------------------------------------------*/

.case-block-01 {
	width: 680px;
	margin-bottom: 30px;
}
.case-block-01 .lbox {
	width: 300px;
	overflow: hidden;
	float: left;
}
.case-block-01 .lbox img {
	width: 300px;
}
.case-block-01 .rbox {
	width: 360px;
	float: right;
}
.case-block-01 .rbox p {
	margin: 0 0 15px 0;
}

.case-block-02 {
	width: 680px;
}
.case-block-02 p {
	margin: 0 0 15px 0;
}
.case-block-02 img {
	margin: 0 20px 15px 0;
	display: block;
	float: left;
}




/* slider-block */
/* -----------------------------------------------------------------------------------------*/

.slider-block-border {
	width: 680px;
	background: url(../img/bg_case_02.gif) repeat-y left top;
	position: relative;
}
.slider-block-border .inner {
	width: 680px;
	padding-bottom: 14px;
	background: url(../img/bg_case_01.gif) no-repeat left bottom;
}
.slider-block-border .text {
	width: 570px;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 15px;
	left: 110px;
}

.slider-block {
	width: 659px;
	margin-left: 10px;
	position: relative;
	overflow: hidden;
}
.slider-block .no-javascript {
	color: #cc0000;
	padding:  10px 20px;
	background: #eeeeee;
}
.slider-block .next,
.slider-block .back {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 122px;
	z-index: 2;
}
.slider-block .next {
	right: 0;
}
.slider-block .back {
	left: 0;
}
.slider-block .next a,
.slider-block .back a {
	width: 18px;
	height: 18px;
	display: none;
	outline: none;
}
.slider-block .next a:link,
.slider-block .next a:visited,
.slider-block .next a:active {
	background: url(../img/bt_01.gif) no-repeat -18px 0;
}
.slider-block .next a:hover {
	background: url(../img/bt_01.gif) no-repeat -18px -18px;
}
.slider-block .back a:link,
.slider-block .back a:visited,
.slider-block .back a:active {
	background: url(../img/bt_01.gif) no-repeat 0 0;
}
.slider-block .back a:hover {
	background: url(../img/bt_01.gif) no-repeat 0 -18px;
}

.slider-block .slider-list {
	width: 615px;
	margin-left: 23px;
	overflow: hidden;
}
.slider-block ul {
	width: 615px;
	list-style-type: none;
	overflow: hidden;
	position: relative;
	left: 0;
	z-index: 1;
}
.slider-block li {
	width: 123px;
	height: 140px;
	float: left;
}
.slider-block li a {
	width: 120px;
	height: 140px;
	padding-top: 3px;
	display: block;
}
.slider-block li a:link,
.slider-block li a:visited,
.slider-block li a:active {
	background: url(../img/bt_02.gif) no-repeat 0 0;
}
.slider-block li a:hover {
	background: url(../img/bt_02.gif) no-repeat 0 -140px;
}
.slider-block li a span {
	width: 114px;
	height: 114px;
	margin-left:3px;
	overflow: hidden;
	display: block;
}




/* socialbtn-block */
/* -----------------------------------------------------------------------------------------*/
#socialbtn-block {position:absolute; top:0; left:-50px;}
#socialbtn-block ul {width:50px; padding:150px 0 0 0; overflow:hidden;}


/* clear */

.pkg:after, #container:after, .side-navi:after, #footer-navi-01:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.pkg, #container, .side-navi, #footer-navi-01 { display: inline-block; }
/* no ie mac \*/
* html .pkg, * html #container, * html .side-navi, * html #footer-navi-01 { height: 1%; }
.pkg, #container, .side-navi, #footer-navi-01 { display: block; }
/* */