@charset "UTF-8";

body {
	margin: 0 ;
	padding: 0 ;
	background: url(../../skin/ext/bg.gif) ;
	color: #337336 ;
}

img {
	border: 0px none ;
}

p {
	text-indent: 1em ;
	margin: 0 ;
	padding: .4em .2em .4em .6em ;
	line-height: 130% ;
}

p.interview {
	text-indent: .2em ;
	padding: .4em 0 ;
}

p.interview:first-letter {
	text-indent: .2em ;
	padding: 0 .2em ;
	font-size: 130% ;
	font-weight: bold ;
	color: #5CA559 ;
	vertical-align: baseline ;
}

div.signature {
	font-size: 80% ;
	text-align: right ;
}

.text-field {
	border: 1px solid #c0c0c0 ;
	background: #f8f8f8 ;
}

.submit-button {
	padding: 2px 5px ;
	border: 1px solid #c0c0c0 ;
	background: #f8f8f8 ;
}

* {
	font-size: 9pt ;
}

/*リンク関連*/

a:link {
	color: #1D6A06 ;
}

a:visited {
	color: #195C05 ;
}

a:hover ,
a:active {
	color: #66A155 ;
}

.dummy {
	display: block ;
	clear: both ;
}

.icon {
	margin:2px 4px;
	vertical-align:middle;
}

.caution {
	color: #ff5b5b ;
}

.absolute_area {
	display: block ;
	position: relative ;
	top: 0px ;
	left: 0px ;
	right: 0px ;
	bottom: 0px ;
	width: 100% ;
	height: 100% ;
	overflow: hidden ;
}

.absolute_area .bg {
	display: block ;
	position: absolute ;
	width: 100% ;
	height: 100% ;
}

span.b {
	font-weight: bold ;
}

td.container ,
td.container a {
	line-height: 125% ;
	font-size: 9pt ;
}

/*OUT frame*/

td.bg_frame_left {
	width: 80px ;
	background: url(../../skin/ext/static/bg_frame_left.gif) 100% 0% repeat-y ;
}

td.bg_frame_right {
	width: 80px ;
	background: url(../../skin/ext/static/bg_frame_right.gif) 0% 0% repeat-y ;
}

/*container*/

td.container_TL {
	background: url(../../skin/ext/static/bg_container_TL.jpg) 100% 0% repeat-y ;
}

td.container_TR {
	background: url(../../skin/ext/static/bg_container_TL.jpg) 100% 0% no-repeat ;
}

td.container_L {
	background: url(../../skin/ext/static/bg_container_L.gif) 100% 0% repeat-y ;
}

td.container_T {
	}

td.container_BR {
	background: url(../../skin/ext/static/bg_container_BR.jpg) 100% 0% no-repeat ;
}

/*Picture*/

img.picture {
	margin: 8px 0 ;
	border: 2px solid #CDE5CD ;
}

table.content img.picture {
	margin: 2px ;
	padding: 0 ;
		border: 2px solid #CDE5CD ;
}

table.long_content div.text {
	display: block ;
	background: #FF0000 ;
}

img.gatya {
	width: 200px ;
	height: 300px ;
	background: url(../../skin/ext/static/user/00_b.jpg) 0 -300px no-repeat ;
}

img.gatya:active ,
img.gatya:hover {
	background: url(../../skin/ext/static/user/00_b.jpg) 0 0 no-repeat ;
}

div.name {
	text-indent: 1em ;
	font-size: 110% ;
	font-weight: bold ;
	margin: 3px 0 ;
	padding: 5px 3px 5px 12px ;
	padding-left: 12px ;
	background: url(../../skin/ext/static/bg_content_blog.jpg) 100% 100% no-repeat ;
		border-left: 2px solid #CDE5CD ;
}

table.content div.name {
	margin-left: 0.6em ;
	padding: 5px 3px ;
	padding-left: 0.6em ;
		background: url(../../skin/ext/static/bg_content_case.jpg) 0 0 no-repeat ;
		border-right: 0 none ;
	border-left: 2px solid #CDE5CD ;
}

table.content div.long {
	border-right: 0 none ;
	border-left: 2px solid #CDE5CD ;
		background: url(../../skin/ext/static/bg_content_case.jpg) 0 0 no-repeat ;
	text-indent: 0 ;
	margin: 3px ;
	margin-right: 6px ;
	padding-left: 1em ;
	font-size: 120% ;
}

table.content div.name div.title {
	text-indent: 0 ;
	font-size: 90% ;
	font-weight: normal ;
	padding: 5px 0 ;
}


table.content table.case_node {
	width: 277px ;
	padding: 0 ;
	margin: 0 ;
}

table.content table.case_node td.left {
	width: 84px ;
}

table.content table.case_node td.right {
	width: 193px ;
}

div.name div.small{
	font-size: 75% ;
}

td.container_R div.name {
	padding: 4px 3px ;
	text-indent: 0 ;
	font-size: 90% ;
}

div.footer {
	padding: 3px 6px ;
	text-align: left ;
}

/*LIST*/

table.long_content ul {
	margin: 0px ;
	padding: 0px ;
	list-style-image: none ;
}

table.long_content ul li {
	margin: 0px ;
	padding: 0 0 3px 19px ;
	list-style-type: none ;
	background: url(../../skin/icon_info.gif) 1px 0.2em no-repeat ;
}

* html table.long_content ul li {
	background-position: 1px -0.1em ;
}

table.long_content ul.normal li {
	background: url(../../skin/ext/static/icon_info_2.gif) 2px 0.2em no-repeat ;
}

* html table.long_content ul.normal li {
	background-position: 1px -0.1em ;
}

/*page header*/

.page_header img.bg {
	z-index: 10 ;
}

.page_header a.btn {
	display: block ;
	position: absolute ;
	top: 101px ;
	height: 22px ;
}

.page_header a img {
	display: block ;
	width: 100% ;
	height: 100% ;
}

.page_header a.top {
	left: 21px ;
	width: 90px ;
	z-index: 20 ;
	}

.page_header a.what {
	left: 111px ;
	width: 154px ;
	z-index: 30 ;
	}

.page_header a.example {
	left: 265px ;
	width: 111px ;
	z-index: 40 ;
	}

.page_header a.diary {
	left: 376px ;
	width: 111px ;
	z-index: 50 ;
	}

.page_header a.faq {
	left: 487px ;
	width: 85px ;
	z-index: 60 ;
	}

.page_header a.information {
	display: none;
	left: 450px ;
	width: 151px ;
	z-index: 70 ;
	}

.page_header a.mailto {
	left: 572px ;
	width: 133px ;
	z-index: 80 ;
	}

/*page footer*/

.page_footer div.links {
	position: absolute ;
	top: 53px ;
	left: 325px ;
	text-align: center ;
	width: 395px ;
	height: 24px ;
	padding-top:2px;
	}

/*regist form*/

table.regist_form td {
	padding-top:2px;
}

.blog_content_right {
	background:#ffffff url(../../skin/ext/static/bg_content_blog.jpg) 100% 100% no-repeat;
}

div.blog_each_title {
	width: auto !important;
}

div.calendarhead ,
div.sidetitle {
	margin: 0 ;
	padding: 10px 0 ;
	text-align: center ;
	border: 1px solid #CDE5CD ;
	border-top : 0px none ;
	border-left : 0px none ;
	border-right: 0px none ;
	background: #f5fbf2 ;
	font-weight: bold ;
}

div.sidetitle {
	padding: 6px 0 ;
	border-top: 1px solid #CDE5CD ;
}

table.calendartable {
	margin: 10px 0 ;
	width: 100% ;
	border: 1px solid #CDE5CD ;
	border-left : 0px none ;
	border-right: 0px none ;
}

table.calendartable {
	padding: 3px 0 ;
}

table.caltblwk {
	width: 100% ;
	background: #f5fbf2 ;
	border-bottom: 1px solid #CDE5CD ;
}

* html table.caltblwk {
	width: 96% ;
}

table.caltblday {
	width: 100% ;
}

* html table.caltblday {
	width: 96% ;
}

table.caltblday td {
	padding: 5px 0 ;
}

table.caltblday tr.even td {
	background: #f8f8f8 ;
}

table.caltblday tr.even td.calon {
	background: #ffeea0 ;
}


div.side {
	padding: 10px 20px ;
	background: url(../../skin/ext/static/bg_content_blog_sub.jpg) 100% 100% no-repeat ;
}

div.sidebody {
	margin: 0 ;
	padding: 2px 0 ;
	text-align: left ;
}

div.sidebottom {
	border-top: 1px solid #CDE5CD ;
	height:10px;
}