@charset "UTF-8";

/*

World Logi,co.ltd.
Basic Layout CSS

*/

/* Basic HTML Setting
**************************************************/

html, body {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

li img {vertical-align: top;}

a img {border: none;}


/* Basic Typography
**************************************************/

/* font face 

* {
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "�E��E� �E�ゴシチE��", Osaka, sans-serif;
	color: #333;
}*/

/* if except "Mairyo"*/
* {
	font-family: "ヒラギノ角ゴ Pro W3", "�E��E� �E�ゴシチE��", Osaka, sans-serif;
	color: #333;
}


/* font size */

body {
	font-size: 75%; /* for IE */
}

html>/**/body {
	font-size: 12px; /* Except IE */
}

h1 {font-size: 130%;}
h2 {font-size: 130%;}
h3 {font-size: 100%;}
h4 {font-size: 100%;}
h5 {font-size: 100%;}
h6 {font-size: 100%;}

/* line height */

*
{ line-height: 150%; }

/* default margin */

p,h1,h2,h3,h4,h5,h6
{margin: 1.5em 0 1.5em;}

/* anchor text */

a:link {
	color: #4B88E8;
	text-decoration: underline;
}

a:visited {
	color: #4B88E8;
	text-decoration: underline;
}

a:hover, a:focus {
	color: #4B88E8;
	text-decoration: none;
}

a:active {
	color: #4B88E8;
	text-decoration: none;
}

/* img rollover */
img.imgover {}

/* hr breaking block */
hr {
	visibility: hidden;
	border: transparent 1px solid;
	clear:both;
	display:block;
	width:1px;
	margin: 0px;
	padding: 0px;
}

.clear { clear: both; }


/* Basic Layout
**************************************************/

#wrapper {
	width: 800px;
	margin: 0 auto;
}

#header {
	height: 121px;
	margin-bottom: 15px;
}

#globalNavi {
}

#contents {
	padding: 0 20px;
	width: 760px;
}

/* 2 column */

.column2 #contentsBody {
	width: 543px;
	float: left;
}

.column2 #sideNavi {
	float: right;
	width: 179px;
	margin-bottom: 20px;
	padding-right: 10px;
}

#footer {
	clear: both;
}

body {
	padding-bottom: 20px;
}


/* Background Immage, Color
**************************************************/

body, #header
{ background: #E6E6E6 url(/common/img/siteBackground.gif) repeat-x; }

#wrapper
{ background: #FFF url(/common/img/wrapper_background.gif) repeat-y; }

#globalNavi ul { background: transparent url(/common/img/contents_background.gif) repeat-x left bottom; }

#contents {
	background: #FFF url(/common/img/contents_background.gif) repeat-x;
}

#contents.column2 { background: #FFF url(/common/img/colum2_background.gif) repeat-y; }

#footer { background-color: #FFF; }


/* #header
**************************************************/

#header #headerTitle,
#header p.description {
	display: block;
	float: left;
}

#header p.phoneNum,
#header form#siteSearchForm {
	display: block;
	float: right;
}

#header #headerTitle { margin: 9px 0 0; 
}

#header p.description {
	margin: 20px 0 0;
	padding-left: 10px;
}

#header p.phoneNum {

	margin: 5px 0 6px 0;
}

#header form#siteSearchForm {
	background: #E6E6E6;
	width: 284px;
	height: 24px;
	margin: 5px 0 0;
	padding-top: 6px;
}

#header #siteSearchForm #siteSearchKey {
	border: #CCC 1px solid;
	height: 15px;
	width: 138px;
	margin: 0 10px 0 0;
	padding: 0;
}

#header #siteSearchForm * { float: left; }


/* #globalNavi
**************************************************/

#globalNavi h2 {
	display: none;
}

#globalNavi ul {
	clear: both;
	list-style-type: none;
	height: 43px;
	margin: 0;
	padding: 4px 0 0;
}

#globalNavi li {
	float: left;
}


/* #contents
**************************************************/

.column2 #contentsBody .categoryTitle
{ margin: 0 0 15px; }

#contents h2,
#contents h1.pageTitle {
	display: block;
	clear: both;
	background: transparent url(/common/img/contents_header_bottom.gif) repeat-x bottom;
}

#contents h2 span,
#contents h1.pageTitle span {
	color: #3366FF;
	line-height: 110%;
	padding: 1px 0 7px 20px;
	display: block;
	width: 760px;
	background-color: transparent;
	background-image: url(/common/img/contents_headerIcon.gif);
	background-repeat: no-repeat;
}

/* 2 column */

.column2 #contentsBody h2 span,
.column2 #contentsBody h1.pageTitle span
{ width: 523px; }

#contents p.getActionBtn {
	text-align: center;
	margin: 30px 0 10px;
}


/* #breadcrumb
**************************************************/

#breadcrumb {
	margin: -5px 0 10px;
	padding: 0 20px;
}

#breadcrumb p {
	margin: 0px;
	padding: 0px;
	line-height: 100%;
}


/* #sideNavi
**************************************************/

#sideNavi { padding-top: 10px; }

#contents #sideNavi h2 { display: none; }

#sideNavi ul,
#sideNavi li,
#sideNavi em,
#sideNavi a {
	display: block;
}

#sideNavi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: auto;
}

#sideNavi li {
	background-color: #FFF;
	margin-bottom: 10px;
}

#sideNavi li em {
	color: #FFF;
	font-style: normal;
	font-weight: bold;
	background-color: #00A0E6;
	border-top: #D9E0EC 3px double;
	border-bottom: #D9E0EC 3px double;
	padding: 3px 5px;
}

#sideNavi li em.navy{
	background-color: #004591;
}

#sideNavi li em.green{
	background-color: #00693f;
}

#sideNavi li em.purple{
	background-color: #291e7e;
}

#sideNavi li em.orange{
	background-color: #f08e39;
}

#sideNavi ul ul {
	border-bottom: #00A0E6 4px solid;
	padding: 2px;
}

#sideNavi ul ul.navy {
	border-bottom: #004591 4px solid;
}

#sideNavi ul ul.green {
	border-bottom: #00693f 4px solid;
}

#sideNavi ul ul.purple {
	border-bottom: #291e7e 4px solid;
}

#sideNavi ul ul.orange {
	border-bottom: #f08e39 4px solid;
}


#sideNavi li li {
	margin-bottom: 1px;
	width: auto;
}

#sideNavi li li a {
	color: #4B88E8;
	text-decoration: none;
	background: url(/common/img/sideNavi_icon02.gif) no-repeat 7px 0.6em;
	border-bottom: #AAA 1px solid;
	margin: 0;
	padding: 5px 5px 5px 25px;
	width: 145px;
}

#sideNavi li li a.navy {
	color: #004591;
}

#sideNavi li li a.green {
	color: #00693f;
}

#sideNavi li li a.purple {
	color: #291e7e;
}

#sideNavi li li a.orange {
	color: #f08e39;
}


#sideNavi li li.end { margin-bottom: 0; }
#sideNavi li li.end a { border: none; }

#sideNavi li li a
{ background-color: #EFEFEF; }
/* comment out for a.mouseon 2008/04/27 K.MOCHIDA
#sideNavi li li a:link,
#sideNavi li li a:visited
{ background-color: #EFEFEF; }
*/
#sideNavi li li a:hover,
#sideNavi li li a:focus,
#sideNavi li li a.mouseon
{ background-color: #DDD; }

#sideNavi li li a:active
{ background-color: #EFEFEF; }

/* #sideNaviService */

#sideNavi li#sideNaviService {
	background: transparent url(/common/img/sideNavi_service_footer.gif) no-repeat bottom;
	width: 179px;
	padding-bottom: 10px;
}

#sideNavi li#sideNaviService * {
	border: none;
	background: transparent;
}

#sideNavi li#sideNaviService em {
	background: transparent url(/common/img/sideNavi_service_header.gif) no-repeat;
	border: none;
	width: 179px;
	height: 5px;
	margin: 0;
	padding: 0;
}
#sideNavi li#sideNaviService em span { display: none; }

#sideNavi li#sideNaviService ul {
	background: transparent url(/common/img/sideNavi_service_body.gif) repeat-y;
	width: 179px;
	margin: 0;
	padding: 10px 0;
}

#sideNavi li#sideNaviService li {
	width: 179px;
	margin:0;
	padding: 0;
	text-align: center;
}

#sideNavi li#sideNaviService li.end {
	margin-bottom: 0;
}

#sideNavi li#sideNaviService li a {
	text-align: center;
	width: 179px;
	margin: 0 0 5px 0;
	padding: 0;
}


/* #sideNaviGreencube */

#sideNavi li#sideNaviGreencube {
	background: none;
	text-align: center;
}

#sideNavi li#sideNaviGreencube a {
	background: none;
}


/* #footer
**************************************************/

#footer {
	text-align: center;
	border-bottom: #CCC 1px solid;
	width: 798px;
	margin: 0 -19px;
	padding: 40px 0 0;
}

#footer p {
	margin: 12px 0;
}

#footer ul {
	text-align: left;
	margin: 0 0 5px;
	padding: 0 0 0 20px;
	line-height: 150%;
}

#footer ul.upper {
}

#footer ul.bottom {
	clear: both;
	padding: 0 0 10px 20px;
}

#footer li {
	display: inline;
	list-style-type: none;
	margin: 0 6px 5px 0;
	padding: 0 4px 0 0;
	border-right: #333 1px solid;
}

#footer li.end {
	border: none;
}

#footer li a {
	white-space: nowrap;
}

#footer .companylogo {
	border-top: #004590 4px solid;
	padding-top: 10px;
}

/* .gotoPageTo */

#footer p.gotoPageTop {
	text-align: right;
	background-color: #004590;
	padding: 7px 15px;
	margin: 0 19px 20px;
	display: block;
}