@charset  "utf-8";

/*
------------------
created 2010.02.04
------------------
up date 2010.05.29
------------------
table of contents
-----------------
01.default
02.wrapper+container
03.header
04.localnavi
05.footer
06.main
07.sidebar
08.form
*/


/*
01.default
---------------------------------------------------------------------------------------*/
body {
	-webkit-text-size-adjust: none;
	color: rgb(51,51,51);
	font-size: 12px;
}
a {
	font-weight: bold;
}
a.tel {
	text-decoration: underline!important;
}
.iN,
object {
	display: none;
}
.ip {
	display: block;
}


/*
02.wrapper+container
---------------------------------------------------------------------------------------*/
#wrapper {
	width: 480px!important;
	padding: 0;
}
#wrapper p#logo {
	padding: 10px;
}
#wrapper p#logo span#address {
	display: block;
	color: rgb(102,102,102);
	padding: 5px 0 0;
	font-size: 1.2em;
}
#wrapper ul#bread {
	padding: 3px 0 3px 10px;
	background-color: rgb(236,236,236);
	margin: 0 0 20px;
}
#wrapper ul#bread li {
	padding: 5px 0;
	font-size: 1.4em;
}
#wrapper ul#bread li,
#wrapper ul#bread li a {
	color: rgb(153,153,153);
}


/*
03.header
---------------------------------------------------------------------------------------*/
#header {
	padding: 0 0 10px;
}
#header ul#contact {
	display: none;
}
#header ul#navi {
	position: static;
	background: none;
	width: auto!important;
	height: auto;
	border-top: solid 1px rgb(236,236,236);
	margin: 0 0 5px;
}
#header ul#navi li {
	float: none!important;
	width: auto!important;
	border-left: solid 5px rgb(249,193,120);
	background-color: rgb(249,249,249);
	font-size: 1.4em;
}
#header ul#navi li:hover {
	border-left: solid 5px rgb(249,249,249);
	background-color: rgb(69,156,221);
}
#header ul#navi li a {
	display: block;
	padding: 10px 0 10px 10px;
	text-decoration: none;
	height: auto;
	background: url(../img/master-ico-1002.png) no-repeat 100% -38px;
	border-bottom: solid 1px rgb(236,236,236);
}
#header ul#navi li a:hover,
#header ul#navi li a:hover span {
	color: rgb(252,252,252);
}
#header ul#navi li a:hover {
	background: url(../img/master-ico-1002.png) no-repeat 100% -1138px!important;
}
#header ul#navi li.none {
	display: inherit;
}


/*
04.localnavi
---------------------------------------------------------------------------------------*/
ul.localnavi li a {
	background: url(../img/master-ico-1002.png) no-repeat 100% -50px;
	padding: 10px 0 10px 39px;
}
ul.localnavi li a:hover {
	background: url(../img/master-ico-1002.png) no-repeat 100% -1150px;
}
ul.localnavi li.company {
	background: rgb(249,249,249) url(../img/master-ico-1002.png) no-repeat 5px -242px;
}
ul.localnavi li.company:hover {
	background: rgb(69,156,221) url(../img/master-ico-1002.png) no-repeat 5px -1242px;
}
ul.localnavi li.site {
	background: rgb(249,249,249) url(../img/master-ico-1002.png) no-repeat 5px -292px;
}
ul.localnavi li.site:hover {
	background: rgb(69,156,221) url(../img/master-ico-1002.png) no-repeat 5px -1292px;
}
ul.localnavi li.homepage {
	background: rgb(249,249,249) url(../img/master-ico-1002.png) no-repeat 5px -342px;
}
ul.localnavi li.homepage:hover {
	background: rgb(69,156,221) url(../img/master-ico-1002.png) no-repeat 5px -1342px;
}
ul.localnavi li.news,
#news ul.localnavi li#top {
	background: rgb(249,249,249) url(../img/master-ico-1002.png) no-repeat 5px -392px;
}
ul.localnavi li.news:hover,
#news ul.localnavi li#top:hover {
	background: rgb(69,156,221) url(../img/master-ico-1002.png) no-repeat 5px -1392px;
}
ul.localnavi li.about {
	background: rgb(249,249,249) url(../img/master-ico-1002.png) no-repeat 5px -442px;
}
ul.localnavi li.about:hover {
	background: rgb(69,156,221) url(../img/master-ico-1002.png) no-repeat 5px -1442px;
}
ul.localnavi li.access {
	background: rgb(249,249,249) url(../img/master-ico-1002.png) no-repeat 5px -492px;
}
ul.localnavi li.access:hover {
	background: rgb(69,156,221) url(../img/master-ico-1002.png) no-repeat 5px -1492px;
}
ul.localnavi li.privacy {
	background: rgb(249,249,249) url(../img/master-ico-1002.png) no-repeat 5px -542px;
}
ul.localnavi li.privacy:hover {
	background: rgb(69,156,221) url(../img/master-ico-1002.png) no-repeat 5px -1542px;
}
ul.localnavi li.form {
	background: rgb(249,249,249) url(../img/master-ico-1002.png) no-repeat 5px -592px;
}
ul.localnavi li.form:hover {
	background: rgb(69,156,221) url(../img/master-ico-1002.png) no-repeat 5px -1592px;
}
#news ul.localnavi li {
	background: rgb(249,249,249) url(../img/master-ico-1002.png) no-repeat 5px -642px;
}
#news ul.localnavi li:hover {
	background: rgb(69,156,221) url(../img/master-ico-1002.png) no-repeat 5px -1642px;
}
ul.localnavi li.activities {
	background: rgb(249,249,249) url(../img/master-ico-1002.png) no-repeat 5px -692px;
}
ul.localnavi li.activities:hover {
	background: rgb(69,156,221) url(../img/master-ico-1002.png) no-repeat 5px -1692px;
}
ul.localnavi li.cost {
	background: rgb(249,249,249) url(../img/master-ico-1002.png) no-repeat 5px -742px;
}
ul.localnavi li.cost:hover {
	background: rgb(69,156,221) url(../img/master-ico-1002.png) no-repeat 5px -1742px;
}
ul.localnavi li.service {
	background: rgb(249,249,249) url(../img/master-ico-1002.png) no-repeat 5px -792px;
}
ul.localnavi li.service:hover {
	background: rgb(69,156,221) url(../img/master-ico-1002.png) no-repeat 5px -1792px;
}
ul.localnavi li.faq,
ul.localnavi.faq li {
	background: rgb(249,249,249) url(../img/master-ico-1002.png) no-repeat 5px -842px;
}
ul.localnavi li.faq:hover,
ul.localnavi.faq li:hover {
	background: rgb(69,156,221) url(../img/master-ico-1002.png) no-repeat 5px -1842px;
}
ul.localnavi li.answer {
	background: rgb(249,249,249) url(../img/master-ico-1002.png) no-repeat 5px -892px;
}
ul.localnavi li.answer:hover {
	background: rgb(69,156,221) url(../img/master-ico-1002.png) no-repeat 5px -1892px;
}
ul.localnavi li.flow {
	background: rgb(249,249,249) url(../img/master-ico-1002.png) no-repeat 5px -942px;
}
ul.localnavi li.flow:hover {
	background: rgb(69,156,221) url(../img/master-ico-1002.png) no-repeat 5px -1942px;
}
ul.localnavi li.management {
	background: rgb(249,249,249) url(../img/master-ico-1002.png) no-repeat 5px -992px;
}
ul.localnavi li.management:hover {
	background: rgb(69,156,221) url(../img/master-ico-1002.png) no-repeat 5px -1992px;
}
ul.localnavi li.member {
	background: rgb(249,249,249) url(../img/master-ico-1002.png) no-repeat 5px -1042px;
}
ul.localnavi li.member:hover {
	background: rgb(69,156,221) url(../img/master-ico-1002.png) no-repeat 5px -2042px;
}


/*
05.footer
---------------------------------------------------------------------------------------*/
#footer ul {
	display: none;
}
#footer address span {
	color: rgb(153,153,153);
	padding: 5px 10px;
	font-size: 1em!important;
}
#footer address span a {
	color: rgb(153,153,153);
	text-decoration: underline;
}


/*
06.main
---------------------------------------------------------------------------------------*/
#main,
#sidebar {
	float: none!important;
	width: auto!important;
	padding: 0 10px 20px;
}
#main h1,
#main h2 {
	font-weight: bold;
	padding: 5px 0 5px 10px;
	border-left: solid 3px rgb(69,154,219);
	border-bottom: solid 2px rgb(241,241,241);
	margin: 0 0 10px;
/*	background-color: rgb(239,247,249);*/
}
#main h1 span,
#main h2 span {
	font-weight: normal;
}
#main p {
	padding-left: 10px;
	padding-right: 10px;
}
#main p.ip {
	padding-left: 0;
}
#main dl#info {
	padding: 0 0 5px 10px;
	overflow: hidden;
}
#main dl#info dt {
	display: block;
	width: auto;
	padding: 0;
}
#main dl#info dd {
	display: block;
	width: auto!important;
	padding: 0 0 10px;
}


/*
07.sidebar
---------------------------------------------------------------------------------------*/
#sidebar dl dt {
	padding: 5px 0 5px 10px;
	font-size: 1.4em;
}
#index #sidebar dl dt {
	font-size: 1.4em;
	padding: 0;
}
#index #sidebar dl dt a {
	background: url(../img/master-ico-1002.png) no-repeat 100% -150px;
	padding: 10px 0 10px 10px;
}
#index #sidebar dl dt a:hover {
	background: url(../img/master-ico-1002.png) no-repeat 100% -1150px;
}


/*
08.lower
---------------------------------------------------------------------------------------*/
#lower table.cost td.text {
	font-size: 1.8em;
}


/*
09.form
---------------------------------------------------------------------------------------*/
#form #main {
	padding: 0 10px 100px;
}
#form table th {
	width: 140px;
	font-size: 1.4em;
}
#form table td input,
#form table td textarea {
	padding: 5px;
	width: 260px;
}
#form #bt {
	margin: 0 0 100px;
}


/*
10.member
---------------------------------------------------------------------------------------*/
#member #main dl.prof#details dt {
	width: 60px;
}
#member #main dl.prof#photo dd {
	width: 276px;
}
#member #main dl.prof#details dd {
	width: 380px;
}