@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;
}

/* •¶ŽšŠŌ‚šćY—ķ‚É‹l‚ß‚éź‡‚ĢŻ’č‚Ķ‰ŗ‹L‚š‚ØŽg‚¢‰ŗ‚³‚¢
	text-align:justify;
	text-justify: istribute;
*/

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

	Body

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

body {
	margin:0;
	padding:0;
	text-align:center;
	font-size:14px;
	color:#666666;
	line-height:140%;
	background:url(../img/bg_top.jpg) repeat-x 0 0;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

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

	Container

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

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

div#container {
	background: url(../img/bg.jpg) no-repeat 0 0;
	width:auto;
	height:auto;
}
/*======================================

	All Parts

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

.none {
	display:none;
}

.mt_small {
	margin-top:5px;
}

.mt_normal {
	margin-top:10px;
}

.mt_large {
	margin-top:20px;
}

.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

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



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

	Header

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

div#header {
	width:1012px;
	height:193px;
	margin:0 auto;
	text-align:left;
}

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

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

h1 {
	float:left;
	width:240px;
	height:auto;
	margin:48px 0 0 10px;
}

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

	Contents

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

div#contents {
	clear:both;
	background:url(../img/cnt_bg.jpg) repeat-y 0 0;
	width:1012px;
	height:auto;
	margin:0 auto;
	padding-bottom:30px;
	text-align:center;
}

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

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

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

	Right navi

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

div#right_navi {
	float:right;
	width:284px;
	height:auto;
	margin:0 2px 0 2px;
	color:#FFFFFF;
	text-align:left;
	background-color:#000000;
}

html > body div#right_navi {
	width:284px;
}

h3.sec {
	background:none;
	width:auto;
	height:auto;
	padding:0;
}

:root h3.sec {
	width:auto;
	height:auto;
	padding:0;
}

.search_inner {
	padding-left:9px;
	border-bottom:1px solid #333333;
}

.search_inner .input {
	width:207px;
	border:1px solid #555555;
	background-color:#666666;
	margin-right:1px;
	color:#FFFFFF;
	margin-bottom:10px;
}

.search_inner .submit {
	vertical-align:top;
}

.blog_list {
	width:284px;
	height:auto;
} 

.blog_list ul {
	margin-bottom:10px;
} 

.blog_list li {
	background:url(../img/list.jpg) no-repeat 10px 6px;
	border-bottom:1px solid #333333;
	width:284px;
	height:auto;
	padding-left:10px;
	line-height:120%;
	font-size:11px;
} 

html > body .blog_list li {
	width:auto;
}

.blog_list li a {
	display:block;
	width:274px;
	height:auto;
	padding:7px 22px 5px 12px;
	text-decoration:none;
	color:#FFFFFF;
}

html > body .blog_list li a {
	width:240px;
}

.blog_list li a:hover {
	color:#C0C0C0;
	text-decoration:underline;
}

.monthly_archive {
	padding:0 0 10px 10px;
	border-bottom:1px solid #333333;
	margin-bottom:10px;
}

.monthly_archive .mustFld {
	width:262px;
	border:1px solid #555555;
	background-color:#666666;
	color:#FFFFFF;
}

h3.sec2 {
	background:url(../img/navi_title.jpg) no-repeat 0 0;
	width:284px;
	height:32px;
	padding:6px 0 0 12px;
	font-size:9px;
	font-weight:normal;
	text-align:left;
}

html > body h3.sec2 {
	width:272px;
	height:26px;
}

:root h3.sec2 {
	width:272px;
	height:26px;
	padding:6px 0 0 12px;
}

.staff {
	width:284px;
	height:auto;
}

.staff ul {
	margin-bottom:10px;
} 

.staff li {
	background:url(../img/list3.jpg) no-repeat 10px 6px;
	border-bottom:1px solid #333333;
	width:auto;
	height:auto;
	padding-left:10px;
	font-size:11px;
} 

html > body .staff li {
	width:auto;
}

.staff li a {
	display:block;
	width:274px;
	height:auto;
	padding:3px 22px 1px 12px;
	text-decoration:none;
	color:#FFFFFF;
}

html > body .staff li a {
	width:240px;
}

.staff li a:hover {
	color:#C0C0C0;
	text-decoration:underline;
}

:root .staff li a {
	padding-top:4px;
}

.tag {
	font-size:11px;
	border-bottom:1px solid #333333;
	padding:4px 10px 1px 12px;
	line-height:140%;
	margin-bottom:9px;
	padding-top:10px;
	padding-bottom:10px;
}

.tag a {
	color:#fff;
	line-height:normal;
	text-decoration:none;
}

.tag a:hover {
	color:#c0c0c0;
	text-decoration:underline;
}

.tag strong {
	font-size:18px;
	font-weight:bold;
}

.mobile {
	background:url(../img/qr.jpg) 10px 10px no-repeat;
	border-bottom:1px solid #333333;
	width:284px;
	height:auto;
	padding:8px 20px 30px 104px;
	font-size:11px;
	line-height:150%;
	margin-bottom:9px;
}

html > body .mobile {
	width:160px;
}

.mobile a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.mobile a:hover {
	color:#C0C0C0;
	text-decoration:underline;
}

.infor_inner {
	width:auto;
	height:auto;
	border-bottom:1px solid #333333;
	padding:8px 20px 8px 13px;
	font-size:11px;
	line-height:140%;
	margin-bottom:8px;
}

.infor_inner a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.infor_inner a:hover {
	color:#C0C0C0;
	text-decoration:underline;
}

.vantan_design_inner {
	border-bottom:1px solid #333333;
	width:auto;
	height:auto;
	font-size:11px;
	padding:9px 18px 11px 13px;
	line-height:130%;
	margin-bottom:7px;
}

.blog-parts {
	padding-left:43px;
}

.blog_setting {
	text-align:right;
	background:url(../img/navi_bottom.jpg) bottom left no-repeat;
	border-top:1px solid #333333;
	margin-top:20px;
	padding:6px 5px 20px 0;
}
/*======================================

	Main Navi

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

div#mnavi {
	float:right;
	width:288px;
	height:auto;
}

div#navi_top {
	background:url(../img/navi_top.jpg) no-repeat 0 0;
	width:284px;
	height:94px;
	margin:0 2px;
	padding:42px 0 0 54px;
	position:relative;
}

html > body div#navi_top {
	width:230px;
	height:52px;
}

div#navi_top a {
	text-decoration:none;
	color:#FFFFFF;
}

.mobile a:hover {
	color:#C0C0C0;
	text-decoration:underline;
}

div#navi_top p {
	color:#FFFFFF;
	font-size:11px;
}

div#navi_top p.url {
	color:#FFFFFF;
	font-size:9px;
	position:absolute;
	left:0;
	top:0;
}

div#navi_top p.url a {
	display:block;
	width:284px;
	height:94px;
	padding:58px 0 0 55px;
}

html > body div#navi_top p.url a {
	width:226px;
	height:36px;
}

div#navi_top p.link {
	width:33px;
	height:10px;
	text-indent:-999em;
}

div#navi_top p.link a {
	display:block;
	float:right;
	width:33px;
	height:10px;
	position:absolute;
	left: 242px;
	top: 64px;
}

div#header_navi {
	clear:both;
	background:url(../img/navi_bg.jpg) no-repeat 0 0;
	width:288px;
	height:99px;
	position:relative;
}

div#header_navi ul {
	padding:0 2px 0 2px;
}

div#header_navi li {
	text-indent:-999em;
}

div#header_navi li.bt1 {
}

div#header_navi li.bt1 a {
	display:block;
	background:url(../img/navi_bg.jpg) no-repeat -1px 0;
	width:142px;
	height:29px;
	position: absolute;
	left: 1px;
	top: 0px;
}

div#header_navi li.bt1 a:hover {
	background:url(../img/navi_bg.jpg) no-repeat -1px -98px;
	width:142px;
	height:29px;
}

div#header_navi li.bt2 {
}

div#header_navi li.bt2 a {
	display:block;
	background:url(../img/navi_bg.jpg) no-repeat -143px 0;
	width:142px;
	height:29px;
	position: absolute;
	left: 143px;
	top: 0px;
}

div#header_navi li.bt2 a:hover {
	background:url(../img/navi_bg.jpg) no-repeat -143px -98px;
	width:142px;
	height:29px;
}

div#header_navi li.bt3 {
}

div#header_navi li.bt3 a {
	display:block;
	background:url(../img/navi_bg.jpg) no-repeat -1px -30px;
	width:142px;
	height:29px;
	position: absolute;
	left: 1px;
	top: 30px;
}

div#header_navi li.bt3 a:hover {
	background:url(../img/navi_bg.jpg) no-repeat -1px -128px;
	width:142px;
	height:29px;
}

div#header_navi li.bt4 {
}

div#header_navi li.bt4 a {
	display:block;
	background:url(../img/navi_bg.jpg) no-repeat -143px -30px;
	width:142px;
	height:29px;
	position: absolute;
	left: 143px;
	top: 30px;
}

div#header_navi li.bt4 a:hover {
	background:url(../img/navi_bg.jpg) no-repeat -143px -128px;
	width:142px;
	height:29px;
}

div#header_navi li.bt5 {
}

div#header_navi li.bt5 a {
	display:block;
	background:url(../img/navi_bg.jpg) no-repeat -1px -59px;
	width:142px;
	height:29px;
	position: absolute;
	left: 1px;
	top: 59px;
}

div#header_navi li.bt5 a:hover {
	background:url(../img/navi_bg.jpg) no-repeat -1px -157px;
	width:142px;
	height:29px;
}

div#header_navi li.bt6 {
}

div#header_navi li.bt6 a {
	display:block;
	background:url(../img/navi_bg.jpg) no-repeat -143px -59px;
	width:142px;
	height:29px;
	position: absolute;
	left: 143px;
	top: 59px;
}

div#header_navi li.bt6 a:hover {
	background:url(../img/navi_bg.jpg) no-repeat -143px -157px;
	width:142px;
	height:29px;
}
/*======================================

	Main

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

div#main {
	float:left;
	width:706px;
	height:auto;
	margin-right:18px;
	text-align:left;
}

div#main h3 a {
	color:#666;
	text-decoration:none;
}

div#main h2 a {
	color:#666;
	text-decoration:none;
}

div#main a {
	color:#666;
}

div#main a:hover {
	color:#999;
}

div#main h3 a:hover {
	color:#666;
	text-decoration:underline;
}

div#main h2 a:hover {
	color:#666;
	text-decoration:underline;
}

.blog {
	width:706px;
	height:auto;
	padding-top:37px;
	margin-bottom:3px;
}

h2 {
	background:url(../img/title.jpg) no-repeat 0 0;
	width:706px;
	height:auto;
	padding:6px 0 7px 45px;
	font-size:14px;
}

html > body h2 {
	width:661px;
}

:root h2 {
	width:663px;
	padding:8px 0 7px 43px;
}

h3 {
	background:url(../img/title.jpg) no-repeat 0 0;
	width:706px;
	height:auto;
	padding:6px 0 7px 45px;
	font-size:14px;
}

html > body h3 {
	width:661px;
}

:root h3 {
	width:663px;
	padding:8px 0 7px 43px;
}

.date {
	background:url(../img/line.gif) top left no-repeat;
	width:706px;
	height:auto;
	padding:3px 11px 0 12px;
	margin-bottom:18px;
	font-size:11px;
}

html > body .date {
	width:683px;
}	

.date span {
	background: url(../img/date_list.gif) no-repeat 0 2px;
	padding:0 0 0 8px;
	margin-left:8px;
}

:root .date span {
	background: url(../img/date_list.gif) no-repeat 0 1px;
}

.blog_inner {
	width:666px;
	height:auto;
	margin:0 30px 0 10px;
	padding-bottom:17px;
}

.blog_inner p {
	margin-bottom:18px;
}

.blog_bottom {
	background:url(../img/article_bottom.jpg) no-repeat 0 0;
	width:706px;
	height:45px;
	padding:15px 11px 0 12px;
	font-size:11px;
	clear:both;
}

html > body .blog_bottom {
	width:683px;
	height:30px;
}

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

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

.blog_bottom p {
	float:left;
	padding-right:10px;
}

.blog_bottom ul {
}

.blog_bottom li {
	display:inline;
	display:block;
	float:left;
	width:auto;
	height:auto;
	background: url(../img/date_list.gif) no-repeat 0 6px;
	padding:0 0 0 8px;
	margin-left:8px;
}

:root .blog_bottom li {
	background: url(../img/date_list.gif) no-repeat 0 5px;
}

.blog_bottom li.bt1 {
	float:right;
	background:none;
	padding:0;
	margin:0;
}

.blog_bottom li a {
	color:#333333;
	text-decoration:none;
}

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

.main_bottom {
	width:auto;
	height:auto;
	text-align:center;
	padding-top:15px;
	padding-bottom:18px;
}

.main_bottom a {
	color:#333333;
	text-decoration:none;
}

.main_bottom a:hover {
	text-decoration:underline;
}
/*======================================

	Footer

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

div#footer {
	background:url(../img/line2.gif) top left no-repeat;
	width:686px;
	height:auto;
	padding-top:18px;
	text-align:center;
	margin:0 auto;
	color:#333333;
	font-size:11px;
}

div#footer a {
	color:#666;
}

address {
	font-style:normal;
	font-size:11px;
}