/*
	-- -- -- -- -- -- -- -- -- -- -- --
	www.worldecall.jp
	World e Call

	Style: 'WEC'
	last edit: 04 Feb 09
	NETWORLD Co.LTD. SG Section
	editer name : T. Watanabe
	-- -- -- -- -- -- -- -- -- -- -- --
*/

/* -- undo HTML -- */
	:link,:visited {text-decoration: none;}
	ul,ol {list-style: none;}
	h1,h2,h3,h4,h5,h6,pre,code,p,a,address,table,ul {font-size: 0.8em;}
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
	a img,:link img,:visited img {border: none;}

/* -- base design -- */
	body {	background:#FFFFFF; text-align: center; color: #333333; line-height: 1.2em; }


/* -- header -- */
#header { width: 700px; height: 100px; background-color: #FFFFFF; background-image: url(../img/headbgimage.png); background-repeat: no-repeat; background-position: right top; }
#header .left_image { float: left; height: 64px; width: 160px; }
#header .right_catch { float: right; font-size: 1.2em; font-weight: bolder; color: #FFFFFF; height: 64px; line-height: 4em;}

#menu {width: 700px; color:#000000; position: relative; top: -20px;}
#menu ul { position: absolute; right: 0px;}
#menu ul li{display:inline}
#menu ul a { display:block; float:left; font-weight:bold; font-size:13px; text-decoration:none; color:#333333; padding-left: 13px; padding-right: 2px; text-align:center;}
#menu ul a:hover { color:#ff3333;}
#menu ul a.active { color:#ff3333;}
#menu ul a.active:hover { color:#232323;}

#freedial { width:700px; position: relative; top: -95px; font-weight: bold;}
#freedial h2 { position: absolute; right: 10px; font-size: 16px;}
#freedial span {color: #ff0000;}
#freedial p { position: absolute; top: 20px; right: 0px; font-size: 12px;}

/* -- main -- */
#container { margin-left: auto; margin-right: auto; padding: 0px; width:700px; background:#FFFFFF; text-align: left; }
#container .tl{ text-align: center; background-color: #6699FF; background-image: url(../img/home_image/corner/corner01_tl.gif); background-repeat: no-repeat; background-position: left top; }
#container .tr{ background-image: url(../img/home_image/corner/corner01_tr.gif); background-repeat: no-repeat; background-position: right top; }
#container .bl{ background-image: url(../img/home_image/corner/corner01_bl.gif); background-repeat: no-repeat; background-position: left bottom; }
#container .br{ background-image: url(../img/home_image/corner/corner01_br.gif); background-repeat: no-repeat; background-position: right bottom; }
#container .top_catch { text-align: center; height: 1.5em; width: 100%; color: #FFFFFF; font-size: 1.3em; line-height: 1.5em; }

#main_text { margin-top: 10px; margin-bottom: 10px; }
#main_text .tl{ text-align: center; background-color: #3366CC; background-image: url(../img/home_image/corner/corner02_tl.gif); background-repeat: no-repeat; background-position: left top; }
#main_text .tr{ background: url(../img/home_image/corner/corner02_tr.gif); background-repeat: no-repeat; background-position: right top; }
#main_text .bl{ background-image: url(../img/home_image/corner/corner02_bl.gif); background-repeat: no-repeat; background-position: left bottom; }
#main_text .br{ background-image: url(../img/home_image/corner/corner02_br.gif); background-repeat: no-repeat; background-position: right bottom; }
#main_text .title { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #6699FF; height: auto; width: auto; }
#main_text .sub_title { text-align: right; height: auto; width: auto; }
#main_text .sub_catch { text-align: center; width: 90%; color: #FFFFFF; font-size: 1.1em; line-height: 1.5em; margin-right: auto; margin-left: auto; }

#main_left { height: auto; width: 64%; float: left; margin-bottom: 10px; border-right-width: 1px; border-right-style: dotted; border-right-color: #666666; padding-right: 3%; }
#main_right { height: auto; width: 30%; float: right; margin-bottom: 10px; }

#main_left th { color: #FFFFFF; background-color: #6699FF; }
#main_left td { text-align: center; }
#main_left .title { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #6699FF; height: auto; width: auto; }
#main_left .sub_title { text-align: right; height: auto; width: auto; margin: 0; font-size: 1em; color: #FF3333; }
#main_left .sub2_title { font-size: 0.9em; }


/* -- banner -- */
#banner {}
#banner .border_box{ border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #666600; border-left-color: #666600; }
#banner a.image { margin: 10px; float: left; height: 45px; width: 190px; border: 2px solid #3399FF; }
#banner a.image:hover { border: 2px solid #FF0000; }

/* -- footer -- */
#footer { margin: 0px; padding: 0px; width: 100%; }
#footer div.footer_left { float: left; margin-top: 5px; margin-left: 0px; margin-right:0px; width: 530px; }
#footer div.footer_lefttop { width: 520px; height: 24px; }
#footer div.footer_leftbottom { width: 520px; height: 24px; }
#footer div.footer_right { float: right; width: 150px; text-align: right; }

#footer li { float: left; width: auto; height: auto; font-size: 1em; text-align: center; border-left: 1px solid #CCCCCC; padding-right: 4px; padding-left: 4px; line-height: 1.4; }
#footer li.footermenuend { border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
#footer li a { display: block; color: #666666; border-bottom: 1px solid #ffffff; }
#footer li a:hover { background-color: #B6E474; border-bottom: 1px solid #333333; }

#footer address { font-family: arial; font-style: normal; font-size: 0.8em; border-top: 1px solid #666666; text-align: left; }


/* -- subpage layout -- */
#subpage_layout h2 {font-size: 1em;	border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF0000;}
#subpage_layout h3 {text-align: center; color: #FFFFFF; background-color: #3399CC; display: block; height: auto; width: 95%; margin-right: auto; margin-left: auto; margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px;}
#subpage_layout p {padding-bottom: 10px;}
#subpage_layout .text_box {	height: auto; width: 95%; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 10px; text-align: left; }
#subpage_layout .sitemap {height: auto; width: 95%; margin-right: auto; margin-left: auto; border-top: 1px solid #3399CC; border-right: 1px solid #3399CC; border-bottom: 1px solid #3399CC; border-left: 10px solid #3399CC; padding-top: 10px; padding-bottom: 10px;}
/*
#subpage_layout a.sitemap {color: #000099;}
#subpage_layout a.sitemap:hover {background-color: #FFCCFF;}
*/
#subpage_layout ul {text-align: center;}
#subpage_layout li {font-size: 1.2em; text-align: left; display: block; height: auto; width: 90%; margin-top: 2px; margin-bottom: 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #6699FF; margin-right: auto; margin-left: auto; padding-top: 2px; padding-bottom: 2px;}
#subpage_layout span {font-weight: bolder;}