body {
text-align:center;
background-image:url(../image/common/bg_gradation.jpg);
background-repeat:repeat-x;
background-color:#CAC6AE;
margin:0;
padding:0;
}
div.body {
width:780px;
text-align:left;
background-image:url(../image/common/body_bg.jpg);
background-repeat:repeat-y;
margin:0 auto;
padding:0;
}



/*	----------------	common
*/

img {
display:block;
}

h1, h2, h3, h4, h5, h6, ul, ol, li, td {
margin:0;
padding:0;
}
a {
color:#157DE5;
}


/*	----------------	navi / logo
*/

div.navi div.logo {
height:45px;
padding:0 0 0 30px;
background-image:url(../image/common/top_logo_bg.jpg);
background-repeat:no-repeat;
clear:both;
}
div.navi div.logo div.img {
width:350px;
float:left;

}

/*	list	*/

div.navi div.logo ul {
display:block;
text-align:right;
width:350px;
margin:0 30px 0 0;
padding:0;
float:right;
}
div.navi div.logo ul li {
display:block;
width:12em;
text-align:left;
line-height:45px;
list-style-type:none;
font-size:10px;
margin:0;
padding:0;
float:right;
}

/*	anchor	*/

div.navi div.logo ul li a {
display: block;
text-decoration:none;
padding:0 10px 0 15px;
}
div.navi div.logo ul li a:link, div.navi div.logo ul li a:visited {
color:#808080;
background-image:url(../image/common/top_logo_link_link.gif);
background-position:center left;
background-repeat:no-repeat;
}
div.navi div.logo ul li a:hover {
color:#FF6A00;
background-image:url(../image/common/top_logo_link_hover.gif);
background-position:center left;
background-repeat:no-repeat;
background-color:#FFF8F3;
}


/*	----------------	top / main
*/

div.navi div.main {
height:30px;
clear:both;
}
#cl-green div.navi div.main {
background-image:url(../image/common/top_main_bg_green.jpg);
background-repeat:no-repeat;
}
#cl-orange div.navi div.main {
background-image:url(../image/common/top_main_bg_orange.jpg);
background-repeat:no-repeat;
}
#cl-glay div.navi div.main {
background-image:url(../image/common/top_main_bg_glay.jpg);
background-repeat:no-repeat;
}

/*	list	*/

div.navi div.main ul {
display:block;
text-align:left;
margin:0 20px 0 20px;
padding:0;
}
div.navi div.main ul li {
display:compact;
width:9em;
font-size:12px;
text-align:left;
vertical-align:middle;
list-style-type:none;
margin:0;
padding:0;
float:left;
}

/*	anchor	*/

div.navi div.main a {
display:block;
color:#FFFFFF;
font-weight:bold;
line-height:30px;
text-decoration:none;
padding:0 0 0 15px;
}

#cl-green div.navi div.main a:link, #cl-green div.navi div.main a:visited {
background-image:url(../image/common/top_main_green_link.jpg);
}
#cl-green div.navi div.main a:hover {
background-image:url(../image/common/top_main_green_hover.jpg);
}
#cl-orange div.navi div.main a:link, #cl-orange div.navi div.main a:visited {
background-image:url(../image/common/top_main_orange_link.jpg);
}
#cl-orange div.navi div.main a:hover {
background-image:url(../image/common/top_main_orange_hover.jpg);
}
#cl-glay div.navi div.main a:link, #cl-glay div.navi div.main a:visited {
background-image:url(../image/common/top_main_glay_link.jpg);
}
#cl-glay div.navi div.main a:hover {
background-image:url(../image/common/top_main_glay_hover.jpg);
}


/*	----------------	top / sub
*/

div.navi div.sub {
font-size:10px;
line-height:30px;
height:40px;
padding:0 35px;
background-image:url(../image/common/top_sub_bg.jpg);
background-repeat:no-repeat;
clear:both;
}

div.navi div.sub p {
display:none;
color:#C0C0C0;
margin:0;
padding:0;
}

div.navi div.sub ul {
list-style-type:none;
}
div.navi div.sub ul li {
float:left;
margin:0 1em 0 0; 
}

div.navi div.sub ul li a {
text-decoration:none;
}
div.navi div.sub ul li a:link, div.navi div.sub ul li a:visited {
border-bottom:0px solid #157DE5;
}
div.navi div.sub ul li a:hover {
background-color:#F0F0FF;
border-bottom:1px solid #157DE5;
}


/*	----------------	content
*/

div.content {
background-image:url(../image/common/cont_bg.jpg);
background-repeat:no-repeat;
background-position:top;
padding:0 15px;
}
div.content div.pathlist {
color:#808080;
font-size:10px;
height:25px;
line-height:25px;
padding:0 10px;
clear:both;
}
div.content div.pathlist a:link, div.content div.pathlist a:visited {
color:#C0C0C0;
}
div.content div.pathlist a:hover {
color:#157DE5;
background-color:#F0F0FF;
border-bottom:1px solid #157DE5;

}

/*	----------------	content / toppage
*/

div.content div.flash {
width:750px;
height:220px;
background-image:url(../image/toppage/top_flash_bg.jpg);
}
div.content div.flash object {
margin:6px;
}

/*	----------------	content / toppage / left
*/

div.content div.left {
float:left;
width:560px;
}

div.content div.left div.med {
width:280px;
height:70px;
font-size:11px;
line-height:13px;
background-image:url(../image/toppage/top_left_med_bg.jpg);
background-repeat:no-repeat;
background-position:top;
float:left;
}
div.content div.left div.prod {
width:279px;
height:70px;
font-size:11px;
line-height:18px;
background-image:url(../image/toppage/top_left_prod_bg.jpg);
background-repeat:no-repeat;
background-position:top;
float:right;
}
div.content div.left * div.title {
width:100px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
line-height:18px;
float:left;
}
div.content div.left * div.title p {
margin:8px 0 0 10px;
}
div.content div.left * div.title a {
color:#FFFFFF;
text-decoration:none;
}

div.content div.left * ul {
display:block;
width:175px;
color:#C0C0C0;
list-style-type:none;
margin:8px 0 0 0;
padding:0 0 0 0;
float:right;
}
div.body div.content div.left * ul li a {
}
div.body div.content div.left * ul li a:link, div.body div.content div.left * ul li a:visited {
color:#FFFFFF;
text-decoration:none;
}
div.body div.content div.left * ul li a:hover {
color:#FFFFFF;
text-decoration:underline;
}

div.content div.left div.news {
clear:both;
padding:20px 0 0 0;
}


div.content div.left div.news h1 {
color:#101010;
font-size:18px;
line-height:20px;
font-weight:bold;
margin:0 10px 0 10px;
}
div.content div.left div.news h2 {
color:#9BD44C;
font-size:10px;
font-weight:bold;
line-height:15px;
border-bottom:1px solid #9BD44C;
margin:0 10px 10px 10px;
}
div.content div.left div.news table.general {
width:540px;
margin:0 auto 1em;
}
div.content div.left div.news p {
font-size:small;
margin:0 10px 10px 10px;
}

/*	----------------	content / toppage / right
*/

div.content div.right {
width:190px;
color:#F7F7F7;
float:right;
}
div.content div.right div.paragraph {
margin:10px 0 20px 0;
}

div.content div.right div.paragraph h1 {
color:#404040;
font-size:18px;
line-height:20px;
font-weight:bold;
margin:0 10px 0 10px;
}
div.content div.right div.paragraph h2 {
color:#C0C0C0;
font-size:10px;
font-weight:bold;
line-height:15px;
border-bottom:1px solid #C0C0C0;
margin:0 10px 10px 10px;
}
div.content div.right div.paragraph p {
color:#404040;
font-size:small;
margin:0 10px 10px 10px;
}
div.content div.right div.paragraph ul {
color:#404040;
list-style-type:none;
margin:0 10px 10px 10px;
padding:0 0 0 0;
}



/*	----------------	content / menu
*/

div.content div.menu {
width:180px;
font-size:small;
background-image:url(../image/common/content_menu_bg_middle.jpg);
background-repeat:repeat-y;
margin:0;
padding:0;
float:left;
}

div.content div.menu h5 {
color:#808080;
font-size:14px;
line-height:20px;
font-weight:bold;
margin:10px 15px 0 15px;
}
div.content div.menu h6 {
color:#C0C0C0;
font-size:10px;
font-weight:bold;
line-height:15px;
margin:0 15px 10px 15px;
padding:0;
border-bottom:1px solid #C0C0C0;
}

div.content div.menu p {
font-size:small;
margin:0 15px 0.5em 15px;
padding:0;
}

div.content div.menu ul, div.content div.menu ol {
font-size:small;
list-style-type:none;
line-height:100%;
margin:0;
padding:0;
clear:both
}
div.content div.menu * li {
font-weight:bold;
margin:0 15px 1em 15px;
padding:0;
border-bottom:1px dotted #C0C0C0;
}

div.content div.menu ul li ul {
margin:0.5em 0 0 0;
}
div.content div.menu ul li li {
font-weight:normal;
margin:0;
padding:0;
border-bottom:0px;
}
div.content div.menu ol li li {
width:3em;
font-weight:normal;
margin:0;
padding:0;
border-bottom:0px;
float:left;
}
div.content div.menu * li li a {
margin:0;
padding:0 0 0.5em 1em;
background-image:url(../image/common/content_menu_cursor_link.gif);
background-repeat:no-repeat;
background-position:5px 0.35em;
}

div.content div.menu * li a:link, div.content div.menu * li a:visited {
text-decoration:none;
}
div.content div.menu * li a:hover {
text-decoration:underline;
}
div.content div.menu * li li a:link, div.content div.menu * li li a:visited {
text-decoration:none;
background-image:url(../image/common/content_menu_cursor_link.gif);
}
div.content div.menu * li li a:hover {
text-decoration:underline;
background-image:url(../image/common/content_menu_cursor_hover.gif);
}

/*	----------------	content / main(contents)
*/

div.content div.main {
width:570px;
font-size:small;
background-image:url(../image/common/content_main_bg_middle.jpg);
background-repeat:repeat-y;
margin:0;
padding:0;
float:right;
}


/*	----------------	content / full(contents)
*/

div.content div.full {
width:750px;
font-size:small;
background-image:url(../image/common/content_full_bg_middle.jpg);
background-repeat:repeat-y;
margin:0;
padding:0;
}


/*	----------------	content / main / paragraph
*/

div.content * div.paragraph {
margin:0 15px 10px 15px;
}

div.content * div.paragraph h1 {
color:#101010;
font-size:18px;
line-height:20px;
font-weight:bold;
margin:10px 0 0 0;
}
div.content * div.paragraph h2 {
color:#C0C0C0;
font-size:10px;
font-weight:bold;
line-height:15px;
margin:0 0 10px 0;
}

#cl-green div.content * div.paragraph h2 { color:#9BD44C; border-bottom:1px solid #9BD44C; }
#cl-orange div.content * div.paragraph h2 { color:#E79C17; border-bottom:1px solid #E79C17; }
#cl-glay div.content * div.paragraph h2 { color:#802A00; border-bottom:1px solid #802A00; }


div.content * div.paragraph h3 {
font-size:medium;
font-weight:bold;
clear:both;
margin:0 0 0.5em 0;
}
#cl-green div.content * div.paragraph h3 { color:#1E961A; }
#cl-orange div.content * div.paragraph h3 { color:#E79C17; }
#cl-glay div.content * div.paragraph h3 { color:#802A00; }


div.content * div.paragraph h4 {
font-size:medium;
font-weight:bold;
margin:0 0 0.5em 0;
clear:both;
}

div.content * div.paragraph p {
font-size:small;
line-height:150%;
margin:0 0 1em 0;
padding:0;
}
div.content * div.paragraph p.emphasis {
font-weight:bold;
line-height:120%;
margin:0 0 2em 0;
}

/*	--------	content / main / paragraph / button	*/


div.content * div.paragraph div.button {
text-align:center;
margin:1em;
}
div.content * div.paragraph div.button a {
display:block;
width:300px;
font-size:14px;
text-decoration:none;
border-top:1px solid #F0F0F0;
border-right:1px solid #D8D8D8;
border-bottom:2px solid #C0C0C0;
border-left:1px solid #D8D8D8;
margin:2px auto;
}
div.content * div.paragraph div.button a:link, div.content * div.paragraph div.button a:visited {
color:#157DE5;
background-color:#F8F8F8;
}
div.content * div.paragraph div.button a:hover {
color:#FFFFFF;
background-color:#157DE5;
}

/*	--------	table.general	*/

table.general {
font-size:small;
text-align:left;
margin:0 0 2em 0;
}
table.general td, table.general th {
vertical-align:top;
padding:0 0.25em;
}
table.general thead td, table.general thead th {
font-weight:bold;
vertical-align:bottom;
border-bottom:1px solid #C0C0C0;
}
table.general tbody td, table.general tbody th {
padding:0.25em 0.25em 0 0.25em;
border-bottom:1px dotted #C0C0C0;
}

/*	--------	table.list*/

table.list {
font-size:small;
text-align:left;
margin:0 0 2em 0;
table-layout:fixed;
}
table.list td, table.list th {
vertical-align:top;
padding:0 0.5em 0 0;
}
table.list thead td, table.list thead th {
font-weight:bold;
vertical-align:bottom;
border-bottom:1px solid #C0C0C0;
}
table.list tbody td, table.list tbody th {
padding:0.25em 0.5em 0 0;
border-bottom:1px dotted #C0C0C0;
}
table.list tbody td.foot, table.list tbody th.foot {
padding:0.25em 0.5em 1em 0;
border-bottom:2px solid #C0C0C0;
}

table.list div.icon-red {
width:3.2em;
color:#FFFFFF;
font-weight:normal;
text-align:center;
background-color:#660000;
margin:0.1em;
float:right;
}
table.list div.icon-blue {
width:3.2em;
text-align:center;
background-color:#F0F0FF;
margin:0.1em;
}
table.list a:hover {
cursor:hand;
}
span.cl-glay {
color:#808080;
}

/*	--------	table.general-solid-dotted*/


table.general-solid-dotted {
font-size:small;
text-align:left;
margin:0 0 2em 0;
border:1px solid #C0C0C0;
border-collapse:collapse;
}
table.general-solid-dotted td {
vertical-align:top;
padding:0 0.25em;
border-right:1px dotted #C0C0C0;
border-bottom:1px dotted #C0C0C0;
}
table.general-solid-dotted th {
vertical-align:top;
padding:0 0.25em;
border-right:1px solid #C0C0C0;
border-bottom:1px dotted #C0C0C0;
}
table.general-solid-dotted thead td, table.general-solid-dotted thead th {
font-weight:bold;
vertical-align:bottom;
border-bottom:1px solid #C0C0C0;
}

/*	--------	table.general-solid-none*/


table.general-solid-none {
font-size:small;
text-align:left;
margin:0 0 2em 0;
border:1px solid #C0C0C0;
border-collapse:collapse;
}
table.general-solid-none td {
vertical-align:top;
padding:0 0.25em;
}
table.general-solid-none th {
vertical-align:top;
padding:0 0.25em;
}
table.general-solid-none thead td, table.general-solid-none thead th {
font-weight:bold;
vertical-align:bottom;
}


/*	--------	img	*/


img.right {
float:right;
margin:0 0 1em 2em;
}
img.left {
float:left;
margin:0 2em 1em 0;
}
img.center {
clear:both;
margin:0 auto 1em;
}



/*list*/

div.paragraph ul, div.paragraph ol {
font-size:small;
margin:0 0 2em 2em;
}

div.paragraph ul.notation {
border:1px solid #FFE5E5;
background-color:#FFF9F9;
padding:0.5em;
margin:1em;
}
div.paragraph ul.notation li {
margin:0 1em;
}

/*span*/


span.notation {
color:#C13F00;
font-weight:bold;
}



/*sitemap*/

div.content div.main div.paragraph div.sitemap p {
font-size:small;
margin:0;
}

div.content div.main div.paragraph div.sitemap p.it00 {
font-weight:bold;
padding:2em 0 0 0;
}
div.content div.main div.paragraph div.sitemap p.it01 {
font-weight:bold;
padding:1em 0 0 2em;
}
div.content div.main div.paragraph div.sitemap p.it02 {
padding:0 0 0 4em;
}
div.content div.main div.paragraph div.sitemap p.it03 {
padding:0 0 0 6em;
}

/*	----------------	content / gotop
*/

div.scrollback {
display:block;
text-align:right;
padding:10px 10px;
clear:both;
}
div.scrollback a {
font-size:x-small;
line-height:20px;
float:right;
}




/*	----------------	foot
*/

div.foot {
color:#FFFFFF;
background-image:url(../image/common/foot_bg.jpg);
background-repeat:no-repeat;
background-color:#CAC6AE;
padding:20px 20px 0 20px;
}

div.foot p {
font-size:small;
margin:5px 0 0 0;
padding:0 0 0 0;
clear:both;
}
div.foot ul {
display:block;
font-size:small;
line-height:20px;
margin:0;
padding:0;
}
div.foot ul li {
display:block;
margin:0;
padding:0;
list-style-type:none;
float:left;
}
div.foot a {
display:block;
color:#FFFFFF;
margin:0;
border-right:1px solid #CAC6AE;
padding:2px 10px;
}
div.foot a:link, div.foot a:visited {
}
div.foot a:hover {
text-decoration:underline;
background-color:#817E6F;
}