@charset "UTF-8";

/* ini ------------------------------------------------------------ */
*
{padding:0;margin:0;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

div {
}

body
{color:#333333;background:none #FFFFFF;}
h1	{font-size:138%;}
h2	{font-size:100%;}
h3	{font-size:100%;}
h5	{}
p	{line-height:1.6;}

a,a:link,a:visited
{color:#0066ff;text-decoration:underline;}
a:hover
{text-decoration:none;}
img,a img{ border:none;}
strong	{font-weight:bold;}

/* class ------------------------------------------------------------ */

.pmini		{font-size:90%;}
.mini		{font-size:80%;}
.fmini		{font-size:70%;}

/* button-size */
.input-button{width:140px;}

/* margin s */
.ma-b10		{margin-bottom:10px;}
.ma-b20		{margin-bottom:20px;}


/* position */
.po-left	{margin-left:0px;}
.po-right	{margin-right:0px;}
.po-center	{margin:0px auto;}

/* align */
.al-left	{text-align:left;}
.al-right	{text-align:right;}
.al-center	{text-align:center;}

/* imgbox */
.imgbox
{float:right;width:130px;margin:0;padding:0;}
.imgbox .unit
{padding:4px; border:1px solid #CCC; background-color:#FFF; text-align:center;font-size:88%;}
.imgbox .unit p.title
{margin:0;padding:0;}

/* float */
.fl-left	{float:left;}
.fl-right	{float:right;}
.fl-clear	{clear: both;}
.fl-media	{overflow: hidden;}
.fl-media:after
{content: ""; display: block; clear: both; height: 0px; overflow: hidden;}
/*\*/
* html .fl-media
{height: 1em; overflow: visible;}
/**/



.unit	{}
.title	{}
.content{line-height:1.4;}

.unit .content .fl-left,
.unit .content .fl-right
{width:50%;}


/* gallery */
.unit .gallery 
{}
.unit .gallery  a
{}
.unit .gallery img {
	padding:5px;
	border:1px solid #CCCCCC;
}

/* decoration */
.box1 {
	background-color:#EEEEEE;
	padding:5px 10px;
	margin:5px 0;
}
.box2 {
	border:1px solid #CCCCCC;
	padding:10px;
}

/* ----- LAYOUT ID ----- */
#container
{width:100%;border-top:5px solid #093;}
#container-inner
{padding-top:5px;background:url(img/cmn_header-bk_001.gif) top repeat-x;}
#container-field{}

#header
{border-bottom:1px solid #FFF;}
#header-inner
{border-bottom:1px solid #093;}
#header-field{}

#content{}
#content-inner{}
#content-field{}

#main-image{}

#main
{float:left;width:670px;zoom:1;}
#main-inner
{padding-right:20px;}
#main-field
{width:650px;}

#sub
{float:right; width:230px;zoom:1;}
#sub-inner{}
#sub-field
{width:230px;}

#footer{zoom:1;}
#footer-inner{}
#footer-field{}


/* set custom */
@media screen{
#main,#sub
{padding-bottom:32768px;margin-bottom:-32768px;}
}
#container,
#header,
#content,
#footer
{width:100%;}

#header-field,
#content-field,
#footer-field,
#main-image .content,
#g-navi .content,
#f-navi .content,
#return .content
{width:900px;margin-left:auto;margin-right:auto;}




/* ----- CMN ID ----- */
#headtext
{font-size:75%;color:#999;line-height:2;}
#logo
{float:left;width:500px;height:63px;}
#headmenu
{float:right;width:343px;height:63px;}

#main-image
{background-color:#000;}

#g-navi
{background:url(img/cmn_gnavi-bk_001.gif) top repeat-x; border-bottom:2px solid #093;}
#g-navi .inner
{background:url(img/cmn_gnavi-bk_002.gif) bottom repeat-x; padding-bottom:3px;}
#g-navi li
{display:inline;}
#g-navi li a
{display:block;float:left;}

#index
{}
#branch
{}
#child
{}

#return
{margin:30px 0 5px 0; clear:both;}
#return .content
{text-align:right;}

#f-navi
{height:35px;}
#f-navi .inner
{border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
#f-navi li
{display:inline;}
#f-navi li a
{display:block;float:left;background:url(img/cmn_li-bk_001.gif) left no-repeat; padding-left:11px; padding-right:25px; line-height:33px; font-size:75%;}
#footermenu
{margin:13px 0;}
#footermenu .fl-left
{width:250px;font-size:88%;line-height:22px;font-weight:bolder;height:44px;}
#footermenu .fl-right
{width:650px;font-size:75%;line-height:22px;height:44px;}

#copyright
{height:33px;background-color:#093;}
#copyright .content
{width:900px;margin:0 auto;color:#fff;line-height:33px; font-weight:bolder; font-size:75%;}




/* ----- INDEX ID ----- */
#index #feature
{background-color:#e0e0e0; margin-bottom:25px;}
#index #feature .inner
{padding:10px 0px 10px 10px;}
#index #feature .unit
{width:212px;float:left;}
#index #feature .unit .inner
{margin-right:6px;border:1px solid #999;padding:0;}
#index #feature .unit .field
{width:204px; background-color:#fff;}
#index #feature .unit .field .content
{padding:0 6px 5px 6px;font-size:75%;line-height:18px;}
#index #feature .unit .field .content p
{padding:2px;}

#index #case
{margin-bottom:20px;}
#index #case #case-description
{border-left:10px solid #218e4a; padding:5px 0 5px 15px;margin-bottom:10px;}
#index #case #case-description .title
{font-weight:bolder;font-size:100%; line-height:22px;}
#index #case #case-description .content
{font-size:88%; line-height:22px;}
#index #case #case-content
{background-color:#e0e0e0;}
#index #case #case-content .inner
{padding:10px;}

#index #case #case-content #case-list
{width:417px;float:left;}
#index #case #case-content #case-list .inner
{border:1px solid #999;padding:0;}
#index #case #case-content #case-list .content
{background-color:#fff;padding:5px 16px;height:89px;}
#index #case #case-content #case-list .content p
{font-size:80%; line-height:1.8;}
#index #case #case-content #case-list .content a
{ background:url(img/cmn_li-bk_002.gif) no-repeat left; padding:0 0 0 18px;}
#index #case #case-content #case-map
{width:208px;float:right;}

#index #info
{}
#index #info .title
{}
#index #info .content
{border:1px solid #999;padding:20px; margin-bottom:1px;}
#index #info .content dt
{clear:both; width:75px; float:left; background:url(img/cmn_li-bk_001.gif) right no-repeat; font-size:75%; color:#666;line-height:18px;}
#index #info .content dd
{padding-left:80px;font-size:88%; line-height:18px;margin-bottom:10px;}

#index #documents
{background:url(img/top_document_content-bk.gif);margin-bottom:10px;}
#index #documents .content
{padding:8px 15px 15px 15px; font-size:75%;line-height:18px;}

#index #doclist
{}
#index #doclist .title
{}
#index #doclist .content
{padding:0 0 5px 0; font-size:75%;}
#index #doclist .content li
{margin:5px 0 5px 20px;}

#index #about
{}
#index #about .unit
{}
#index #about ul.unit 
{padding:5px 10px; font-size:75%;}
#index #about .unit li
{margin:5px 0 5px 20px;}


/* ----- BRANCH ID -----  */
#branch #topicpath
{margin:10px; font-size:75%;}

#branch h1.title
{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif;color:#fff;font-size:138%;display:block;background:url(img/branch_h1title-bk.jpg) no-repeat;padding-left:22px;line-height:60px;margin-bottom:15px;}

#branch #main .unit
{margin-bottom:20px;}
#branch #main .unit h2
{background:url(img/branch_main_h2-bk.gif) left no-repeat;font-szie:100%;padding-left:15px;line-height:30px;}
#branch #main .unit h3
{font-size:100%;color:#093;border-bottom:1px solid #093;padding:3px;}
#branch #main .unit .content p
{padding:0 5px 10px 5px;}
#branch #main .unit .content p.title
{padding:0}
#branch #main .unit ul
{}
#branch #main .unit ul li
{list-style:none;padding:3px 0 3px 25px;background:url(img/branch_main_li-bk_001.gif) left no-repeat; text-indent:0;}
#branch #main .unit ol li
{margin-left:25px;padding:0 0 5px 0;}
#branch #main .unit table
{background-color:#093;border:3px solid #093;width:100%;}
#branch #main .unit th
{background-color:#8fc858;color:#fff;text-align:left;padding:5px 15px;}
#branch #main .unit td
{background-color:#ffffff;color:#333;text-align:left;padding:5px 15px;}
#branch #main .unit .title
{margin-bottom:10px;}
#branch #main .unit .content
{font-size:88%;}

#branch #sub
{background-color:#edf5ee;}
#branch #sub-inner
{padding:5px;}
#branch #sub-field
{width:220px;}

#branch #l-navi
{}
#branch #l-navi .title
{padding:10px;background-color:#093;font-size:88%;line-height:18px;}
#branch #l-navi .title a
{color:#fff; display:block; text-decoration:none;}
#branch #l-navi li
{border-bottom:1px dotted #093;list-style:none;}
#branch #l-navi li a
{display:block;font-size:88%;line-height:18px;padding:10px 5px 10px 34px;background:url(img/cmn_li-bk_003.gif) #fff left no-repeat;}
#branch #l-navi li a:hover
{background-color:#e9e9e9;}
#branch #l-navi .lnavilist_title {
background-color:#336600;color:#FFFFFF;font-size:75%;font-weight:bold;padding:3px 0 3px 10px;}


#branch #main .case_list table {
	border:none;
	background:none;
	width:auto;
}
#branch #main .case_list table td {
	padding:0;
}
#branch #main .case_list table a {
	width:120px;
	height:130px;
	display:block;
	border:3px solid #CCCCCC;
	padding:10px;
	text-align:center;
	text-decoration:none;
}
#branch #main .case_list table a:hover {
	border:3px solid #669933;
}
#branch #main .case_list table img {
	margin-bottom:5px;
}



/* ----- CHILD ID -----  */
#child #topicpath
{margin:10px; font-size:75%;}


#child h1.title
{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif;color:#fff;font-size:138%;display:block;background:url(img/branch_h1title-bk.jpg) no-repeat;padding-left:22px;line-height:60px;margin-bottom:15px;}

#child .unit
{margin-bottom:20px;}
#child .unit h2
{background:url(img/branch_child_h2-bk.gif) left no-repeat;font-szie:100%;padding-left:15px;line-height:30px;}
#child .unit h3
{font-size:100%;color:#093;border-bottom:1px solid #093;padding:3px;}
#child .unit .listtitle {
	border:none;
}
#child .unit .content p
{padding:0 5px 10px 5px;}
#child .unit ul
{}
#child .unit ul li
{list-style:none;padding:3px 0 3px 25px;background:url(img/branch_child_li-bk_001.gif) left no-repeat; text-indent:0;}
#child .unit ol li
{margin-left:25px;padding:0 0 10px 0; line-height:1.6;}
#child .unit .content
{margin:0 30px;}
#child .unit .title
{margin:0 20px;}
#child .unit table
{background-color:#093;border:3px solid #093;width:100%;}
#child .unit th
{background-color:#8fc858;color:#fff;text-align:left;padding:5px 15px;}
#child .unit td
{background-color:#ffffff;color:#333;text-align:left;padding:5px 15px;}
#child .unit .title
{margin-bottom:10px;}
#child .unit .content
{font-size:88%;}
#child #topicpath.unit .content {
margin:0; font-size:100%;
}



/* ------ ONLY ID ----- */
#LGM p
{font-size:12px;margin:0;padding:0;}
#width610 {
	width:610px;
}
#width240 {
	width:200px;
}

/* ------ cace ----- */
#branch #main .unit #case_example h2 {
	border-left:7px solid #009933;
	font-size:16px;
	padding:0 0 0 10px;
	margin-bottom:10px;
	background:none;
}
#case_example .case_before {
	width:202px;
	background:url(img/case_ex_001.gif) no-repeat;
	padding:20px 0 0 0;
	margin-right:13px;
}
#case_example .case_now {
	width:202px;
	background:url(img/case_ex_002.gif) no-repeat;
	padding:20px 0 0 0;
	margin-right:13px;
}
#case_example .case_after {
	width:202px;
	background:url(img/case_ex_003.gif) no-repeat;
	padding:20px 0 0 0;
	margin-right:13px;
}

#case_example .case_others1 {
	width:202px;
	background:url(img/case_ex_004.gif) no-repeat;
	padding:20px 0 0 0;
	margin-right:13px;
}
#case_example .case_others2 {
	width:202px;
	background:url(img/case_ex_005.gif) no-repeat;
	padding:20px 0 0 0;
	margin-right:13px;
}
#case_example .case_others3 {
	width:202px;
	background:url(img/case_ex_006.gif) no-repeat;
	padding:20px 0 0 0;
	margin-right:13px;
}
#case_example .case_others4 {
	width:202px;
	background:url(img/case_ex_007.gif) no-repeat;
	padding:20px 0 0 0;
	margin-right:13px;
}

.case_examplebox {
	border-bottom:1px dotted #009933;
	padding:10px 0 20px 0;
	font-size:12px;
}