@charset "utf-8";
	
/*======================================

	77% = 10px	| 	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

=======================================*/

/*======================================

	Reset

=======================================*/

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td,em {
   margin:0;
   padding:0;
   font-style:normal;
   list-style:none;
   list-style-type:none;
}

img {
	border:none;
}

/* 文字間を綺麗に詰める場合の設定は下記をお使い下さい
	text-align:justify;
	text-justify: istribute;
*/

/*======================================

	Body

=======================================*/

body {
	margin:0;
	padding:0;
	text-align:center;
	font-size:12px;
	color:#000000;
	line-height:140%;
	background-color:#00ADEF;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}

/*======================================

	Container

=======================================*/

div#container {
	width:auto;
	height:auto;
	margin:0 auto;
	text-align:center;
}

/*======================================

	All Parts

=======================================*/

.none {
	display:none;
}

.mt_small {
	margin-top:5px;
}

.mt_normal {
	margin-top:10px;
}

.mt_large {
	margin-top:20px;
}

.ml_small {
	margin-left:5px;
}

.mtb_large {
	margin:83px 0 10px 0;
}

.ptl_small {
	padding:3px 2px 0 0;
}


.txt_right {
	text-align:right;
}

.txt_center {
	text-align:center;
}

.img_right {
	float:right;
	margin:0 0 20px 10px;
}

.img_left {
	float:left;
	margin:8px 10px 20px 0;
}

.clr {
	clear:both;
}

/*======================================

	Txt

=======================================*/
h2 {
	clear:both;
}

h2.top {
	text-indent:-999em;
}

h3 {
	clear:both;
}

h3.sec {
	display:none;
}

h3.about-move {
	background:url(../img/about/bar.jpg) no-repeat 0 0;
	width:359px;
	height:40px;
	text-indent:-999em;
	margin:13px 0 5px 0;
}

h3.title {
	background: url(../img/product/list.jpg) no-repeat 0 0;
	width:auto;
	height:auto;
	font-size:16px;
	padding:4px 0 4px 12px;
}

h3.h3_blog {
	font-size:16px;
}

h4 {
}

h4.sec {
	display:none;
}


.txt10 {
	font-size:10px;
	text-align:center;
}
/*======================================

	Header

=======================================*/

div#header {
	background:url(../common/bg1.jpg) no-repeat center;
	width:100%;
	height:306px;
	text-align:center;
	margin:0 auto;
}

div#header-about {
	background:url(../common/about_bg.jpg) no-repeat center;
	width:100%;
	height:242px;
	text-align:center;
	margin:0 auto;
}

div#header-product {
	background:url(../common/product_bg.jpg) no-repeat center;
	width:100%;
	height:242px;
	text-align:center;
	margin:0 auto;
}

div#header-example {
	background:url(../common/example_bg.jpg) no-repeat center;
	width:100%;
	height:242px;
	text-align:center;
	margin:0 auto;
}

div#header-blog {
	background:url(../common/blog_bg.jpg) no-repeat center;
	width:100%;
	height:242px;
	text-align:center;
	margin:0 auto;
}

div#header-contact {
	background:url(../common/contact_bg.jpg) no-repeat center;
	width:100%;
	height:242px;
	text-align:center;
	margin:0 auto;
}

div#header-inner {
	width:1008px;
	height:auto;
	margin:0 auto;
	padding-top:6px;
	text-align:center;
}

div#header-inner .logo :after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#header-inner .logo {
    height: 1em;
    overflow: visible;
}
/**/

div#header-inner .logo {
	clear:both;
	width:1007px;
	height:67px;
}

div#header-inner h1 {
	float:left;
	width:278px;
	height:67px;
	text-indent:-999em;
}

div#header-inner h1 a {
	display:block;
	float:left;
	width:278px;
	height:67px;
	margin-top:9px;
	text-indent:-999em;
}

div#header2 {
	background:url(../common/bg2.jpg) no-repeat center;
	width:100%;
	height:198px;
	text-align:center;
	margin:0 auto;
	text-indent:-999em;
	position:relative;
}

div#header2 a {
	display:block;
	width:268px;
	height:40px;
	position:absolute;
	left: 855px;
	top: 139px;
}

/*======================================

	Contents

=======================================*/

div#contents {
	background:url(../common/top-bg.jpg) no-repeat 0 0;
	width:100%;
	height:auto;
	margin:0 auto;
}

div#contents-sec {
	background:url(../common/sec_bg.jpg) no-repeat 0 0;
	width:100%;
	height:auto;
	margin:0 auto;
}

/*======================================

	Main Navi

=======================================*/

div#mnavi {
	float:right;
	width:666px;
	height:auto;
	text-align:left;
	margin:11px 0 0 63px;
}

div#mnavi ul {
	margin:9px 0 0 2px;
}

div#mnavi li {
	float:left;
	text-indent:-999em;
}

div#mnavi li a {
	float:left;
	text-indent:-999em;
}

div#mnavi li.bt1,
div#mnavi li.bt2,
div#mnavi li.bt3,
div#mnavi li.bt4,
div#mnavi li.bt5,
div#mnavi li.bt6,
div#mnavi li.bt1 a,
div#mnavi li.bt2 a,
div#mnavi li.bt3 a,
div#mnavi li.bt4 a,
div#mnavi li.bt5 a,
div#mnavi li.bt6 a {
	width:102px;
	height:42px;
}
div#mnavi li.bt2,
div#mnavi li.bt2 a {
	width:161px;
}
div#mnavi li.bt3,
div#mnavi li.bt3 a {
	width:101px;
}
div#mnavi li.bt4,
div#mnavi li.bt4 a {
	width:101px;
}
div#mnavi li.bt5,
div#mnavi li.bt5 a {
	width:79px;
}
div#mnavi li.bt6,
div#mnavi li.bt6 a {
	width:119px;
}

/*div#mnavi li.bt1 a:hover,
div#mnavi li.bt2 a:hover,
div#mnavi li.bt3 a:hover,
div#mnavi li.bt4 a:hover,
div#mnavi li.bt5 a:hover,
div#mnavi li.bt6 a:hover {
	background:url(../common/navi1_on.jpg) no-repeat 1px 0;
	width:102px;
	height:42px;
}
div#mnavi li.bt2 a:hover {
	background:url(../common/navi2_on.jpg) no-repeat 3px 0;
	width:161px;
}
div#mnavi li.bt3 a:hover {
	background:url(../common/navi3_on.jpg) no-repeat 2px 0;
	width:101px;
}
div#mnavi li.bt4 a:hover {
	background:url(../common/navi4_on.jpg) no-repeat 3px 0;
	width:101px;
}
div#mnavi li.bt5 a:hover {
	background:url(../common/navi5_on.jpg) no-repeat 2px -1px;
	width:79px;
}
div#mnavi li.bt6 a:hover {
	background:url(../common/navi6_on.jpg) no-repeat 2px 0;
	width:119px;
}
*/
/*======================================

	Main

=======================================*/

div#main {
	width:1008px;
	height:auto;
	margin:0 auto;
	text-align:center;
}

div#main-sec {
	background: url(../common/cnt-bg-top.jpg) no-repeat 0 0;
	width:1008px;
	height:auto;
	margin:0 auto;
	padding-top:10px;
	text-align:center;
}

div#main-sec-inner {
	background: url(../common/cnt-bg.jpg) repeat-y;
	width:1008px;
	height:auto;
	margin:0 auto;
	padding:0 40px 5px 40px;
	text-align:center;
}

html > body div#main-sec-inner {
	width:928px;
}

div#main-sec-inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#main-sec-inner {
    height: 1em;
    overflow: visible;
}
/**/

div#main-sec-inner2 {
	background: url(../common/cnt-bg.jpg) repeat-y;
	width:1008px;
	height:auto;
	padding:14px 28px 5px 24px;
	text-align:left;
}

html > body div#main-sec-inner2 {
	width:956px;
}

div#main-sec-inner2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#main-sec-inner2 {
    height: 1em;
    overflow: visible;
}
/**/

/*======================================

	About

=======================================*/
.about {
	clear:both;
	padding-bottom:10px;
}

.about:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .about {
    height: 1em;
    overflow: visible;
}
/**/

.about .img_left {
	float:left;
	width:557px;
	height:338px;
}

.about .move {
	float:right;
	width:360px;
	height:auto;
}

.about2 {
	clear:both;
	text-align:left;
	padding-bottom:10px;
	position:relative;
}

.about2 p {
	line-height:160%;
}

.about2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .about2 {
    height: 1em;
    overflow: visible;
}
/**/

.about2 .about-left {
	float:left;
	background:url(../img/about/img02.jpg) no-repeat 0 0;
	width:453px;
	height:auto;
	padding:73px 5px 0 114px;
	margin:13px 27px 0 0;
}

html > body .about2 .about-left {
	width:334px;
}

.about2 .about-right {
	float:left;
	width:436px;
	height:auto;
}

.about2 .about-right-inner {
	background:url(../img/about/img03.jpg) no-repeat 0 0;
	width:436px;
	height:auto;
	padding:85px 5px 0 127px;
	min-height:92px;
}

html > body .about2 .about-right-inner {
	width:304px;
}

* html .about2 .about-right-inner {
	padding-bottom:15px;
}

.about2 .about-right-inner2 {
	background:url(../img/about/img04.jpg) no-repeat 0 0;
	width:436px;
	height:115px;
	text-indent:-999em;
}

.about2 .about-right-inner2 ul {
}

.about2 .about-right-inner2 li {
}

.introduction-hope {
	clear:both;
	background:url(../img/about/img05.jpg) no-repeat 0 0;
	width:906px;
	height:158px;
	margin:-20px 0 0 11px;
}

:root .introduction-hope {
	margin:0 0 0 11px;
}

.introduction-hope a {
	display:block;
	width:906px;
	height:158px;
	text-indent:-999em;
}

.adobe {
	text-align:right;
}

.adobe .img_right {
	float:right;
	margin-left:15px;
}


/*======================================

	Product

=======================================*/
.product2 {
	padding-top:22px;
}

.product {
	clear:both;
	background:url(../img/product/bg-top.jpg) no-repeat 0 0;
	width:848px;
	height:auto;
	margin:0 auto;
	padding-top:3px;
	margin-bottom:19px;
}

.product-inner {
	background:url(../img/product/bg-bottom.jpg) bottom no-repeat;
	width:848px;
	height:auto;
	padding:0 17px 12px 17px;
}

html > body .product-inner {
	width:814px;
}

.product-inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .product-inner {
    height: 1em;
    overflow: visible;
}
/**/

.product-inner .img_left {
	float:left;
	width:211px;
	margin-right:10px;
}

.product-inner .img_left img {
	border:3px solid #CCCCCC;
}

.product-inner .txt {
	float:right;
	width:592px;
	height:auto;
	padding-top:21px;
	text-align:left;
	display:block;
}

.product_txt {
	color:#EC008C;
	font-weight:bold;
	font-size:18px;
	padding:10px 0 11px 0;
}
/*======================================

	Example

=======================================*/
.example-introduction {
	width:848px;
	height:auto;
	margin:0 auto;
	text-align:center;
	padding-top:15px;
}

.example {
	clear:both;
	background:url(../img/product/bg-top.jpg) no-repeat 0 0;
	width:848px;
	height:auto;
	margin:0 auto;
	padding-top:12px;
	text-align:left;
	margin-bottom:16px;
}

.example_details {
	background:url(../img/example/bg-top.jpg) no-repeat 0 0;
	width:698px;
	height:auto;
	padding-top:12px;
	text-align:left;
	margin-bottom:10px;
}

.example-inner {
	background:url(../img/product/bg-bottom.jpg) bottom no-repeat;
	width:848px;
	height:auto;
	padding:0 15px 0px 21px;
}

html > body .example-inner {
	width:812px;
}

.example-inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .example-inner {
    height: 1em;
    overflow: visible;
}
/**/

.example_details_inner {
	background:url(../img/example/bg-bottom.jpg) bottom no-repeat;
	width:698px;
	height:auto;
	padding:0 12px 0 21px;
}

html > body .example_details_inner {
	width:665px;
}

.example_details_inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .example_details_inner {
    height: 1em;
    overflow: visible;
}
/**/

.example-inner .img_right,
.example_details_inner  .img_right {
	float:right;
	width:211px;
}

.example-inner .img_right img,
.example_details_inner .img_right img {
	border:3px solid #CCCCCC;
}

.example-inner .txt,
.example_details_inner .txt {
	float:left;
	width:570px;
	height:auto;
	padding-top:8px;
	text-align:left;
	display:block;
	margin-right:20px;
}
.example_details_inner .txt {
	width:425px;
	padding-top:13px;
	margin-right:10px;
}

:root .example-inner .txt {
	margin-right:0px;
}

:root .example_details_inner .txt {
	width:440px;
	margin-right:0;
}

.example-inner .txt .store_name,
.example-inner .txt .introduction,
.example-inner .txt .address {
	background:url(../img/example/store-name.jpg) no-repeat 0 0;
	width:auto;
	height:auto;
	padding:5px 0 9px 92px;
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #DEDEDE;
}

.example_details_inner  .txt .store_name,
.example_details_inner  .txt .introduction,
.example_details_inner  .txt .address {
	background:url(../img/example/store-name.jpg) no-repeat 0 0;
	width:auto;
	height:auto;
	padding:5px 0 14px 92px;
	margin-bottom:9px;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #DEDEDE;
}
.example_details_inner .txt .address,
.example-inner .txt .address {
	background:url(../img/example/address.jpg) no-repeat 0 0;
}

.example-inner .txt .introduction {
	background:url(../img/example/introduction-product.jpg) no-repeat 0 0;
}
.example_details_inner .txt .introduction {
	background:url(../img/example/introduction-product.jpg) no-repeat 0 0;
	border:none;
}

.wp-pagenavi {
	clear:both;
	width:300px;
	height:auto;
	text-align:center;
	margin:0 auto;
}

.wp-pagenavi:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .wp-pagenavi {
    height: 1em;
    overflow: visible;
}
/**/


.wp-pagenavi span.pages {
	display:block;
	float:left;
	background:url(../img/example/bg1.jpg) no-repeat 0 0;
	width:62px;
	height:31px;
	margin:0 auto;
	text-align:center;
	line-height:31px;
}

.wp-pagenavi span.current {
	display:block;
	float:left;
	background:url(../img/example/bg2.jpg) no-repeat 0 0;
	width:31px;
	height:31px;
	margin:0 auto;
	text-align:center;
	line-height:31px;
}

.wp-pagenavi span.pages a,
.wp-pagenavi a {
	display:block;
	float:left;
	background:url(../img/example/bg3.jpg) no-repeat 0 0;
	width:31px;
	height:31px;
	line-height:31px;
	text-decoration:none;
	color:#000000;
	text-align:center;
	margin:0 auto;
}

.wp-pagenavi span.pages a {
	background:url(../img/example/bg1.jpg) no-repeat 0 0;
	width:62px;
}

.wp-pagenavi span.pages a:hover,
.wp-pagenavi a:hover {
	text-decoration:underline;
}


.example-subnavi ul {
	width:300px;
	margin:0 auto;
	text-align:center;
}

.example-subnavi li,
.example-subnavi li.bt1,
.example-subnavi li.bt2 {
	float:left;
	background:url(../img/example/bg2.jpg) no-repeat 0 0;
	width:31px;
	height:31px;
	margin:0 auto;
	text-align:center;
	line-height:31px;
}
.example-subnavi li.bt1 {
	background:url(../img/example/bg1.jpg) no-repeat 0 0;
	width:62px;
}

.example-subnavi li a,
.example-subnavi li.bt1 a,
.example-subnavi li.bt2 a {
	display:block;
	float:left;
	background:url(../img/example/bg3.jpg) no-repeat 0 0;
	width:31px;
	height:31px;
	line-height:31px;
	text-decoration:none;
	color:#000000;
	text-align:center;
	margin:0 auto;
}
.example-subnavi li.bt1 a {
	background:url(../img/example/bg1.jpg) no-repeat 0 0;
	width:62px;
}
.example-subnavi li.bt2 a {
	background:url(../img/example/bg2.jpg) no-repeat 0 0;
}

.example-subnavi li a:hover {
	text-decoration:underline;
}

/*======================================

	Details

=======================================*/
.details {
	float:left;
	background:url(../img/example/line.gif) repeat-y right;
	width:723px;
	height:auto;
	text-align:left;
	padding-right:8px;
}

html > body .details {
	width:715px;
}

.details-inner {
	clear:both;
	width:715px;
	height:auto;
}

.details-inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .details-inner {
    height: 1em;
    overflow: visible;
}
/**/

.details-inner .img_left {
	float:left;
	width:210px;
	height:auto;
	margin-right:37px;
}

.details-inner .img_left img {
	border:3px solid #CCCCCC;
}

.details-inner .img_left p {
	padding-bottom:16px;
}

.details-inner .txt {
	float:left;
	width:425px;
	height:auto;
	padding-top:8px;
}

.details-inner .txt p {
	line-height:160%;
	padding-bottom:22px;
}

.details_subnavi {
	float:right;
	width:215px;
	height:auto;
}

.details_subnavi li:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .details_subnavi li {
    height: 1em;
    overflow: visible;
}
/**/

.details_subnavi ul {
	width:215px;
}

.details_subnavi li {
	background:url(../img/example/list.gif) no-repeat 0 18px;
	width:213px;
	height:auto;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

.details_subnavi li.bt1 {
	background:url(../img/example/subnavi-top.jpg) no-repeat 0 0;
	width:213px;
	height:41px;
	border-top:1px solid #CCCCCC;
	border-bottom:none;
	padding:0;
	text-indent:-999em;
}
* html .details_subnavi li.bt1 {
	height:42px;
}

.details_subnavi li.bt2 {
	background:none;
	width:213px;
	height:auto;
	padding:6px 0 4px 0;
}

.details_subnavi li.bt2 a {
	display:block;
	float:right;
	background:url(../img/example/list-examples.jpg)  no-repeat right;
	width:90px;
	height:14px;
	padding:0;
	margin-right:8px;
	text-indent:-999em;
}

.details_subnavi li a {
	display:block;
	width:213px;
	padding:15px 0 10px 19px;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}

* html .details_subnavi li a {
 	width:211px;
}

html > body .details_subnavi li a {
	width:194px;
}

.details_subnavi li a:hover {
	text-decoration:underline;
}

.manager {
	clear:both;
	background:url(../img/example/manager-top.jpg) no-repeat 0 0;
	width:698px;
	height:auto;
	padding-top:9px;
}

.details .manager-inner {
	background:url(../img/example/manager-bottom.jpg) no-repeat bottom;
	width:698px;
	height:auto;
	padding:0 15px 5px 10px;
}

html > body .details .manager-inner {
	width:673px;
}

.details .manager-inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .details .manager-inner {
    height: 1em;
    overflow: visible;
}
/**/

.details .manager-inner .img_left {
	float:left;
	width:136px;
	padding:0;
	margin:0 11px 0 0;
}

.details .manager-inner .txt {
	float:left;
	width:525px;
	height:auto;
	padding-top:10px;
	text-align:left;
	color:#FFFFFF;
}

.details .manager-inner .txt .message {
	font-size:17px;
	font-weight:bold;
	padding-bottom:11px;
}

.details .manager-inner .txt p {
	padding-bottom:20px;
}

/*======================================

	Blog

=======================================*/
.blog_left {
	float:left;
	background:url(../img/example/line.gif) repeat-y right;
	width:720px;
	height:auto;
	text-align:left;
	padding-right:8px;
}

html > body .blog_left {
	width:712px;
}

.blog_left:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .blog_left {
    height: 1em;
    overflow: visible;
}
/**/

.blog {
	clear:both;
	padding-bottom:23px;
}

.blog_title {
	background: url(../img/blog/h3_bar.jpg) no-repeat 0 0;
	width:698px;
	height:52px;
	padding:12px 17px 0 26px;
}

html > body .blog_title {
	width:655px;
	height:40px;
}

* html .blog_title {
	padding-bottom:7px;
}

.blog_title:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .blog_title {
    height: 1em;
    overflow: visible;
}
/**/

.blog_title a {
	text-decoration:underline;
	color:#000000;
}

.blog_title a:hover {
	text-decoration:none;
}

.blog_title .blog_title-left {
	float:left;
	width:500px;
	height:auto;
}

.blog_title .date {
	float:right;
	text-align:right;
	padding-top:7px;
	font-weight:bold;
	color:#EC008C;
}

.blog-inner {
	clear:both;
	padding:14px 19px 19px 9px;
}

.blog-inner p {
	line-height:160%;
}

.blog-inner img {
	margin-bottom:14px;
	border:3px solid #CCCCCC;
}

.blog-inner-navi {
	background:url(../img/blog/bg-bottom.jpg) no-repeat 0 0;
	width:698px;
	height:29px;
}

* html .blog-inner-navi {
	padding-bottom:3px;
}

.blog-inner-navi:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .blog-inner-navi {
    height: 1em;
    overflow: visible;
}
/**/

.blog-inner-navi ul {
	width:698px;
	height:29px;
}

.blog-inner-navi li {
	display:block;
	float:left;
	border-right:1px solid #CCCCCC;
	background: url(../img/blog/list3.jpg) no-repeat 5px 10px;
	width:auto;
	height:29px;
	padding-top:5px;
	padding-left:24px;
	padding-right:13px;
	font-size:10px;
}

html > body .blog-inner-navi li {
	height:24px;
}

.blog-inner-navi li a {
	width:auto;
	height:29px;
	font-size:10px;
	color:#000000;
	padding:0 5px 0 5px;
	text-decoration: underline;
}


.blog-inner-navi li a:hover {
	text-decoration:none;
}

.blog-inner-navi li.bt1,
.blog-inner-navi li.bt3 {
}

.blog-inner-navi li.bt1 a {
}

.blog-inner-navi li.bt3 a {
}

.blog-inner-navi li.bt2 {

}

.blog-inner-navi li.bt2 a {
	width:auto;
	height:auto;
}

.blog-inner-navi li.bt4 {
	display:block;
}

.blog-inner-navi li.bt4 a {
	display:block;
}

.blog-inner-navi li.bt5 {
	background:none;
	display:block;
	float:right;
	margin-right:8px;
	border:none;
	width:auto;
	height:auto;
}

.blog-inner-navi li.bt5 a {
	display:block;
	float:right;
	width:87px;
	height:24px;
	text-indent:-999em;
}

.blog-bottom {
	clear:both;
	background:url(../img/blog/line.gif) no-repeat 0 0;
	width:698px;
	height:10px;
	margin:27px 0 0 0;
}

.blog-bottom hr {
	display:none;
}

.blog_subnavi {
	float:right;
	width:217px;
	height:auto;
}

.blog_subnavi li:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .blog_subnavi li {
    height: 1em;
    overflow: visible;
}
/**/

.blog_subnavi ul {
	width:215px;
	margin-bottom:12px;
}

.blog_subnavi ul li,
.blog_subnavi ul.sec li {
	background:url(../img/blog/list.jpg) no-repeat 9px 9px;
	width:213px;
	height:auto;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.blog_subnavi ul.sec li { background:url(../img/blog/list2.jpg) no-repeat 9px 9px;}

:root .blog_subnavi ul li {
	letter-spacing:-0.5px;
}

.blog_subnavi li.bt1,
.blog_subnavi ul.sec li.bt2,
.blog_subnavi li.bt3 {
	background:url(../img/blog/navi1.jpg) no-repeat 0 0;
	width:213px;
	height:41px;
	border-top:1px solid #CCCCCC;
	border-bottom:none;
	padding:0;
	text-indent:-999em;
}
* html .blog_subnavi li.bt1 {
	height:42px;
}
.blog_subnavi ul.sec li.bt2 { background:url(../img/blog/navi2.jpg) no-repeat 0 0;}
.blog_subnavi li.bt3 { background:url(../img/blog/navi3.jpg) no-repeat 0 0;}
.blog_subnavi li.bt4 {
	background:none;
	padding:11px 0 11px 9px;
}

html > body .blog_subnavi li.bt4 {
	width:204px;
}

.blog_subnavi li a {
	display:block;
	width:213px;
	padding:5px 0 4px 19px;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}
.blog_subnavi ul.sec li a {
	padding:15px 0 10px 19px;
}

* html .blog_subnavi li a {
 	width:211px;
}

html > body .blog_subnavi li a {
	width:194px;
}

.blog_subnavi li a:hover {
	text-decoration:underline;
}

.blog_subnavi ul li span {
	font-size:10px;
	display:block;
}

.blog_subnavi .input_txt {
	background:url(../img/blog/textbox.jpg) no-repeat 0 0;
	width:158px;
	height:28px;
	padding-left:5px;
	border:none;
	vertical-align:top;
	line-height:28px;
	margin:0 0 11px 0;
}

html > body .blog_subnavi .input_txt {
	width:153px;
}

.blog_subnavi .select {
	width:192px;
}

#respond {
	margin-top:20px;
}

#submit {
	margin-top:5px;
	_padding-top:3px;
}

.submit_section {

}

* html .submit_section input {
	padding-top:3px;
}

/*======================================

	Contact

=======================================*/
.contact {
	clear:both;
	width:848px;
	margin:0 auto;
	text-align:center;
	padding:14px 0 9px 0;
}

.contact-inner {
	background:url(../img/contact/bg_top.jpg) no-repeat 0 0;
	width:848px;
	height:auto;
	margin:0 auto;
	padding-top:14px;
	margin:0 0 23px 0;
}

.contact-inner2 {
	background:url(../img/contact/bg_bottom.jpg) bottom no-repeat;
	width:848px;
	height:auto;	
	margin:0 auto;
	text-align:center;
}

.contact-inner2 table {
	width:848px;
	margin:0 auto;
	text-align:center;
}

.contact-inner2 span {
	color:#FF0000;
}

.contact-inner2 th {
	width:24%;
	border-bottom:1px solid #CCCCCC;
}

.contact-inner2 th.bt1 {
	border-bottom:none;
}

.contact-inner2 th.bt2 {
	vertical-align:top;
}

.contact-inner2 td {
	text-align:left;
	font-size:12px;
	padding:9px 0 14px 20px;
	border-bottom:1px solid #CCCCCC;
}

.contact-inner2 td.bt1 {
	border-bottom:none;
}

.contact-inner2 td.bt2 {
	width:16%;
	text-align:left;
	padding-bottom:0;
	padding-top:11px;
	border-bottom:none;
}

.contact-inner2 td.bt3 {
	width:14%;
	padding-top:11px;
	padding-bottom:9px;
	text-align:left;
}

.contact-inner2 td.bt4 {
	width:63%;
	padding-bottom:9px;
}

.contact-inner2 td.bt5 {
	width:63%;
	padding-bottom:0;
	border-bottom:none;
}

.contact-inner2 td.bt6 {
	padding-top:0;
}

.contact-inner2 .textbox1 {
	width:325px;
	margin-right:14px;
	vertical-align:middle;
}

.contact-inner2 .textbox2 {
	width:325px;
	margin-right:8px;
	vertical-align:middle;
}

.contact-inner2 .radio {
	margin-bottom:4px;
	vertical-align: middle;
}

.contact-inner2 .mustFld {
	margin:8px 0 0 7px;
	width:186px;
}

.contact-inner2 .textarea {
	width:605px;
	height:121px;
}

.contact .submit {
	margin-right:25px;
}

/*======================================

	Top Page

=======================================*/

div#top_page {
	clear:both;
	width:1008px;
	height:auto;
}

div#top_page:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#top_page {
    height: 1em;
    overflow: visible;
}
/**/

div#top_page .toppage1 {
	float:left;
/*===== 2009/12/10 [START] Add tceleb.jp =================================*/
/*
	background:url(../img/top/new-topics.jpg) no-repeat 0 0;
	width:378px;
	height:273px;
*/
	background:url(../img/top/new-topics_creation.jpg) no-repeat 0 0;
	width:378px;
	height:368px;
/*===== 2009/12/10 [ END ] Add tceleb.jp =================================*/
	text-align:left;
}

div#top_page .toppage1-inner {
	width:335px;
/*===== 2009/12/10 [START] Add tceleb.jp =================================*/
/*
	height:205px;
*/
	height:300px;
/*===== 2009/12/10 [ END ] Add tceleb.jp =================================*/
	overflow:auto;
	margin:56px 0 0 26px;
}

div#top_page .toppage1-inner dl {
}

div#top_page .toppage1-inner dt {
	color:#EC008C;
	font-weight:bold;
}

div#top_page .toppage1-inner dd {
	background:url(../img/top/line.gif) bottom no-repeat;
	width:auto;
	height:auto;
	padding:0 0 10px 0;
	margin-bottom:8px;
}

div#top_page .toppage1-inner dd a {
	color:#05AFF0;
	text-decoration:underline;
}

div#top_page .toppage1-inner dd a;hover {
	text-decoration:none;
}

div#top_page .toppage2 {
	float:left;
	width:390px;
	height:auto;
	margin-right:12px;
}

div#top_page .toppage2 .top_about {
	background:url(../img/top/about.jpg) no-repeat 0 0;
	width:390px;
	height:143px;
	text-indent:-999em;
}

div#top_page .toppage2 .top_about a {
	display:block;
	width:390px;
	height:126px;
	text-indent:-999em;
}

div#top_page .toppage2 .top_about a:hover {
	background:url(../img/top/about_n.jpg) no-repeat 0 -17px;
	display:block;
	width:390px;
	height:126px;
	text-indent:-999em;
}

div#top_page .toppage2 .top_product {
	background:url(../img/top/product.jpg) no-repeat 0 0;
	width:390px;
	height:129px;
	text-indent:-999em;
}

div#top_page .toppage2 .top_product a {
	display:block;
	width:390px;
	height:129px;
	text-indent:-999em;
}

div#top_page .toppage2 .top_product a:hover {
	background:url(../img/top/product_n.jpg) no-repeat 0 0;
	display:block;
	width:390px;
	height:129px;
	text-indent:-999em;
}

div#top_page .toppage3 {
	float:left;
	background:url(../img/top/web.jpg) no-repeat 0 0;
	width:228px;
	height:273px;
	padding-left:10px;
	text-align:left;
}

html > body div#top_page .toppage3 {
	width:218px;
}

div#top_page .toppage3 .textbox1 {
	width:200px;
	margin-bottom:5px;
}

div#top_page .toppage3 .textbox2 {
	width:200px;
	margin-bottom:15px;
}

* html div#top_page .toppage3 .textbox2 {
	margin-bottom:13px;
}

:root div#top_page .toppage3 .textbox2 {
	margin-bottom:20px;
}

/*===== 2009/12/10 [START] Add tceleb.jp =================================*/
div#top_page .toppage4 {
	background:url(../img/top/tceleb.jpg) no-repeat 0 0;
	float:left;
	width:630px;
	height:96px;
}

div#top_page .toppage4 a {
	display:block;
	width:630px;
	height:96px;
	text-indent:-999em;
}
/*===== 2009/12/10 [ END ] Add tceleb.jp =================================*/

=======================================*/

/*======================================

	Footer

=======================================*/

div#footer {
	clear:both;
	background:url(../common/footer-bg.jpg) no-repeat 0 0;
	width:1008px;
	height:84px;
	margin:0 auto;
	padding:31px 0 0 210px;
	text-align:left;
}

html > body div#footer {
	width:798px;
	height:53px;
}

div#top_footer {
	clear:both;
	background:url(../common/footer-bg2.jpg) no-repeat 0 0;
	width:1008px;
	height:64px;
	margin:0 auto;
	margin-top:10px;
	padding:11px 0 0 210px;
	text-align:left;
}

html > body div#top_footer {
	width:798px;
	height:53px;
}

div#top_footer p a,
div#footer p a {
	color:#000000;
	text-decoration:none;
}

div#top_footer p a:hover,
div#footer p a:hover {
	text-decoration:underline;
}

div#top_footer address,
div#footer address {
	font-style:normal;
	font-size:10px;
	margin-top:7px;
}

div#top_footer address a,
div#footer address a {
	color:#EC008C;
	margin-right:5px;
	text-decoration:underline;
}

div#top_footer address a:hover,
div#footer address a:hover {
	text-decoration:none;
}

#top #contents {
	margin-top:65px;
}


#about_youtube {
	width:355px;
	height:274px;
	position:relative;
	display:block;
	background:url(../img/about/move.jpg) no-repeat 0 0;
	text-align:left;
	vertical-align:top;
}