/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	color:#333333;
	font: 12px/140% "Hiragino Kaku Gothic Pro";
	background-color: #F6F6F6;
	text-align: center;
}

#bg {
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-bottom: 15px;
}

#content {
	width: 776px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	text-align: center;
	margin-bottom: 32px;
}
#mainContent {
	float: left;
	width: 550px;
	text-align: left;
	margin-left: 2px;
}


/* header --------------------------------- */
#header {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#head-left 	{ float: left; margin-top: 10px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; padding-left:10px; width: 360px; text-align: left; }
#head-text 	{
	font-size: 10px;
	color: #666666;
	text-align: left;
	padding-left: 10px;
}
#head-text strong{ color: #666666; font-weight: normal; }
#head-right {
	float: right;
	width: 410px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}

#g-navi {
	background: url(../img/g_menu.gif) repeat-x;
	height: 46px;
	margin-right: auto;
	margin-left: auto;
}


#innner_g_navi ul {
	background: url(../img/g_menu.gif) no-repeat;
	height: 46px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#innner_g_navi li {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 46px;
	width: 160px;
	list-style: none;
}
#innner_g_navi {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#nav_home {
	background: url(../img/g_menu.gif) no-repeat 0px 0px;
	height: 46px;
	width: 160px;
	display: block;
}
#nav_home:hover {
	background: url(../img/g_menu.gif) no-repeat 0px -47px;
	height: 46px;
	width: 160px;
	display: block;
}
#nav_concept {
	background: url(../img/g_menu.gif) no-repeat -160px 0px;
	height: 46px;
	width: 160px;
	display: block;
}
#nav_concept:hover {
	background: url(../img/g_menu.gif) no-repeat -160px -47px;
	height: 46px;
	width: 159px;
	display: block;
}
#nav_product {
	background: url(../img/g_menu.gif) no-repeat -320px 0px;
	height: 46px;
	width: 160px;
	display: block;
}
#nav_product:hover {
	background: url(../img/g_menu.gif) no-repeat -320px -47px;
	height: 46px;
	width: 158px;
	display: block;
}

#nav_tech {
	background: url(../img/g_menu.gif) no-repeat -479px 0px;
	height: 46px;
	width: 159px;
	display: block;
}
#nav_tech:hover {
	background: url(../img/g_menu.gif) no-repeat -479px -47px;
	height: 46px;
	width: 159px;
	display: block;
}
#nav_tip {
	background: url(../img/g_menu.gif) no-repeat -638px 0px;
	height: 46px;
	width: 160px;
	display: block;
}
#nav_tip:hover {
	background: url(../img/g_menu.gif) no-repeat -638px -47px;
	height: 46px;
	width: 160px;
	display: block;
}
#search {
	float: right;
	width: 410px;
	text-align: right;
	padding-bottom: 10px;
}
form#search { margin: 0px; padding: 0px; float: right; text-align: right; } 
form#tipSearch { margin: 0px; padding: 0px; text-align: left; } 
form#search input { margin: 0px; padding: 0px; }
.searchInputBtn { vertical-align:middle; margin-right: 20px; }

#h_navi {
	list-style-position: inside;
	list-style-type: none;
}
#h_navi li {
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: right;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	list-style-type: none;
  }

/*　パン・E・--------------------------------- */
#root   {
	FONT-SIZE: 10px;
	color:#000000;
	text-align:left;
	margin-top: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	float: left;
	margin-right: 0px;
	width: 550px;
	padding-left: 3px;
}
#root a { CLEAR: both; PADDING-RIGHT: 20px; BACKGROUND: url(../img/root_mark.gif) no-repeat right center; text-decoration: none; }
#root a:link 		{ color: #266DB5; text-decoration: underline; }
#root a:visited 	{ color: #266DB5; text-decoration: underline; }
#root a:hover 		{ color: #FF9900; text-decoration: none; }
#root strong 		{ font-size: 10px; font-weight: normal; }


/* contentArea --------------------------------- */
#contentArea { text-align: left; width: 760px; margin-right: auto; margin-left: auto; }
.layoutBox01 {
	width: 510px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.layoutBox02 {
	width: 530px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 24px;
	text-align: left;
}
.layoutBox03 { width: 750px; margin-right: auto; margin-left: auto; margin-bottom: 10px; }
.layoutBox680 { width: 680px; margin-right: auto; margin-left: auto; margin-bottom: 10px; line-height: 160%; text-align: left; }
.layoutBox680 p { margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; line-height: 180%; }
#layoutBox750 {
	width: 750px;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 15px;
	line-height: 160%;
	text-align: left;
}
#box260l { float: left; width: 260px; text-align: left; }
#box260r { float: right; width: 260px; text-align: left; }
#box420r { float: right; width: 420px; text-align: left; }

.details { margin: 5px; }
.details p {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#sideNavi {
	float: right;
	width: 209px;
	text-align: center;
}
#subContentMenu {
	width: 209px;
	text-align: center;
	background-image: url(../img/sub_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#subContentMenu2 {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#subContentMenu ul {
	padding: 0px;
	text-align: left;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 12px;
}
#subContentMenu li {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#subContentMenu h2 {
	margin: 0px;
	padding: 0px;
}

.side_navi {
	list-style: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}

.side_navi img {
	vertical-align: top;
}

.exside_navi {
	list-style: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}

.exside_navi img {
	vertical-align: top;
}

.exside_navi ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	list-style-type: none;
}

.exside_navi li {
	height: 32px;
	background-attachment: fixed;
	background-image: url(../../example/img/list_icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 50px;
	text-align: left;
}

#subContentBottom {
	height: 15px;
	width: 209px;
	background-image: url(../img/sub_bottom.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
}

/* footer --------------------------------- */
.footBottom	{ height:56px; }

#footer {
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #00007B;
}
#footer ul	{
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	list-style-type: none;
}
#footer ul li	{
	float:left;
	font-size: 1%;
	line-height: 1%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

h1 {
	margin:0px;
	padding: 0px;
	text-align: left;
}
h2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}
h3 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 0px;
	color: #184F81;
	font-size: 18px;
}
h4 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.clear { clear: both; }

.left { float: left; clear: right; }
.right {
	float: right;
	text-align: left;
}

#footer {
	list-style: none;
	width: 800px;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#navi_footer li {
	float: left;
	padding-right: 10px;
}

#summary {
	font-size: 10px;
	color: #775631;
	float: left;
}
#navi_footer01 ul#ftr_navi li {
	height:20px;
	list-style-type:none;
	margin: 0px;
	float: left;
	font-size: 8px;
}
#navi_footer01 ul#ftr_navi li a{
	display:block;
	text-decoration:none;
	text-indent:-1500px;
	background-repeat:repeat-x;
	height: 100%;
}
#navi_footer01 ul {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}


ul#ftr_navi li a:hover{background-position:0px -20px;}
li#navi_home a{	background: url("../img/ftrnavi/ftrnavi_home.gif");	width: 53px;}
li#navi_concept a{background:url("../img/ftrnavi/ftrnavi_concept.gif");	width: 72px;}
li#navi_company a{background:url("../img/ftrnavi/ftrnavi_company.gif");	width: 63px;}
li#navi_products a{	background-image: url(../img/ftrnavi/ftrnavi_products.gif);width: 66px;	}
li#navi_example a{background:url("../img/ftrnavi/ftrnavi_example.gif");	width: 83px;}
li#navi_tip a{background:url("../img/ftrnavi/ftrnavi_tip.gif");	width: 110px;}
li#navi_pamph a{background:url("../img/ftrnavi/ftrnavi_pamph.gif");	width: 62px;}
li#navi_contact a{background:url("../img/ftrnavi/ftrnavi_contact.gif");	width: 121px;}
#navi_footer01 {
	list-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: 10px;
	text-align: left;
	display: block;
}
/*
#navi_footer01 ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
}


#navi_footer01 li {
	float: left;
	padding-right: 15px;
	padding-left: 13px;
	padding-bottom: 0px;
	margin: 0px;
	background-image: url(../img/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
}

#navi_footer01 a {
	color: #666666;
}
#navi_footer01 a:hover,#navi_bottom-txt01 a:active {
	color: #7CA00D;
}
*/
#navi_bottom-end {
	padding-left: 6px;
	padding-right: 6px;
	color: #666666;
}
#contain_bread {
	font-size: 10px;
	padding-top: 6px;
}
#contain_inner {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 26px;
}

#contain_right { float: right; width: 570px; }

/* base --------------------------------- */
p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: 160%;
}

a:link	  { color: #266DB5; }
a:visited { color: #266DB5; }
a:hover   { color: #FF3300; text-decoration: none; }
a:active  { color: #266DB5; }

.clear { clear: both; }
img { border: 0; }
h1 strong { font-weight: normal; }
.catch { padding-top: 24px; padding-bottom: 0px; }
table#outline td {
	margin: 0px;
	line-height: 180%;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 7px;
}

/* マージン忠・E*/
.clr { clear: both; }
.m0 { margin: 0px; }
.w296 { width: 296px; float: right; }

.margin-lr0 { margin-right: 0px; margin-left: 0px; }
.margin-all6 { margin: 6px; }
.margin-l6 { margin-left: 6px; }
.margin-l15 { margin-left: 15px; }
.margin-b6 { margin-bottom: 6px; }
.margin-tb6 { margin-top: 6px; margin-bottom: 6px; }
.margin-r6 { margin-right: 6px; }

.margin-t6 {
	margin-top: 6px;
}
.margin-b18 { margin-bottom: 18px; }
.margin-l20 { margin-left: 20px; }
.margin-b20 { margin-bottom: 20px; }
.margin-tb20 { margin-top: 20px; margin-bottom: 20px; }
.margin-lr3 { margin-right: 3px; margin-left: 3px; }
.margin-lr5 { margin-right: 5px; margin-left: 5px; }
.margin-lr6 {
	margin-right: auto;
	margin-left: auto;
	padding-right: 6px;
	padding-left: 6px;
}
.margin-lr9 {
	margin-right: 9px;
	margin-left: 9px;
}
.margin-lr8 {
	margin-right: 8px;
	margin-left: 8px;
}
.margin-lr6h10b6 {
	margin-right: 6px;
	margin-left: 6px;
	margin-bottom: 6px;
	margin-top: 0px;
	padding-top: 10px;
}
.margin-b4 {
	margin-bottom: 4px;
}
.margin-b10 {
	margin-bottom: 10px;
}
.margin-t10 {
	margin-top: 10px;
}
.margin-tb10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.margin-t20 {
	margin-top: 20px;
}
.margin-t15 {
	margin-top: 15px;
}
.margin-t10 {
	margin-top: 10px;
}
.margin-t8 {
	margin-top: 8px;
}
.margin-t5 {
	margin-top: 5px;
}
.margin-t3 {
	margin-top: 3px;
}
.margin-b10 { margin-bottom: 10px; }
.margin-b14 { margin-bottom: 14px; }
.margin-r18 { margin-right: 18px; }
.margin-lr6 { margin-right: 6px; margin-left: 6px; }
.margin-lr10 {
	margin-right: 10px;
	margin-left: 10px;
}
.margin-lr11 {
	margin-right: 11px;
	margin-left: 11px;
}
.margin-lr13 {
	margin-right: 13px;
	margin-left: 13px;
}
.margin-lr14 {
	margin-right: 14px;
	margin-left: 14px;
}
.margin-lr21 {
	margin-right: 21px;
	margin-left: 21px;
}
.margin-lt5 {
	margin-top: 5px;
	margin-left: 5px;
}
.margin-b16 {
	margin-bottom: 16px;
}
.margin-tb16 {
	margin-top: 16px;
	margin-bottom: 16px;
}
.p0 {
	padding: 0px;
}
.pb10 {
	padding-bottom: 10px;
}
.plr5 {
	padding-left: 5px;
	padding-right: 5px;
}
.plr6 {
	padding-left: 6px;
	padding-right: 6px;
}
.ptb10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.pt18 {
	padding-top: 18px;
}.hidden {
	display: none;
}
.w470 {
	width:470px;
}
.w510 {
	width: 510px;
	text-align: left;
}
.w520 {
	width: 520px;
	text-align: left;
}.w416 {
	width: 416px;
}
.w383 {
	width: 383px;
}
.w353 {
	width: 353px;
}
.w255 {
	width: 255px;
}
.w280 {
	width: 280px;
}
.w443 {
	width: 443px;
}

.list { margin: 0px 0px 0px 12px; padding: 0px; }
.list li { margin: 0px; padding: 0px; }
ul.list li { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 7px; margin-left: 0px; }

.v-align { vertical-align: top; }
.block { display: block; }
#naviBox	{
	margin: 0;
	width: 550px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	text-align: left;
	padding-right: 0px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
	margin: 0px;
	padding: 0px;
}
.w320 {
	display: block;
	width: 320px;
}
#mainContent h2 { margin-top: 8px; margin-bottom: 12px; }
.commentary {
	width: 506px;
	background-color: #D8ECF5;
	padding: 12px;
	margin-right: auto;
	margin-left: auto;
}

.left_m20 {
	margin-left: 0px;
	padding-left: 20px;
	padding-top: 0px;
	margin-top: 12px;
}
.left_m20 li {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: disc;
	list-style-position: outside;
	line-height: 220%;
}