@charset "UTF-8";

/*
YUI reset.css
*/
html{color:#666666;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
article,aside,footer,header,hgroup,nav{display:block;}
/*
YUI fonts.css
*/
/*
body {font:13px/1.231 Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅", arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
*/

body { 
	MARGIN: 0 auto;
	background-color:white;
	color : #666666;
	font-family : "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", arial,helvetica,clean,sans-serif;
/*	font-family : "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, arial,helvetica,sans-serif;*/
}

/* for safari 3 \*/
html[xmlns*=""] body:last-child .text {
	font-size: 70%;
}

/* links
---------------------------------------------------------- */
a.navi{
	font-size: 85%; line-height: 100%;
	padding: 0;
	margin:0;
}
a:link {
	color :#17888D; 
	text-decoration : none;
}
a:visited {   
	color :#17888D; 
	text-decoration : none;  
}
a:hover {
	color: #FF6F4E; 
	text-decoration:underline; 
}
a.mouseover_img:hover,
a.mouseover_img img:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/* header
---------------------------------------------------------- */
#alternate_url{
	width:800px;
	margin:0 auto;
	text-align:center;
	border: 1px solid #ddd;
    background-color: #f6f6f6;
    font-size: 300%;
    padding: 9px;
    z-index: 100;
}
H1.sitetitle { 
	color : #888888;letter-spacing: 0px;
	font-size: 95%; line-height: 130%;
	font-weight:bold;
	margin:0;
	padding: 0 0.5em 0.2em 0;
	text-align : right;
}
H1.title { 
	color : #45A779;letter-spacing: 0px;
	font-size: 120%; line-height: 150%;
	font-weight:bold;
	MARGIN: 0.5em 0 0 0;
	vertical-align : middle;
}

/* boxs
---------------------------------------------------------- */
.center_box_ie {
	text-align:center;
}
.center_box_other {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:800px;
}
.padding_box {
	padding: 0.4em 0.4em 0.4em 0.8em;
}
.no_border {
	margin: 0 0 0.4em 0;
}
.solid_border {
	border-style:solid;
	border-width:1px;
	border-color:#A9A9A9;
	padding:0;
	margin: 0 0 0.4em 0;
}
.dot_border {
	border-style:dotted;
	border-width:0 0 1px 0;
	border-color:#A9A9A9;
	padding:0.2em 0;
	margin: 0 0.4em;
}
.underline_border {
	border-style:solid;
	border-width:0 0 1px 0;
	border-color:#C0C0C0;
}
.red_border {
	border-style:solid;
	border-width:2px;
	border-color:#F3CDD7;
	padding:0.2em 0.2em 0.2em 0.3em;
}
.products_navi_border {
	border-top:1px dotted #d9d9d9;
	margin-top: 3px;
	padding:3px 0;
}

/* UL
---------------------------------------------------------- */
ul.img { 
	list-style-image: url('/parts/icon/redarrow.gif');
	list-style-type:none;
	padding: 0;
	margin: 0 0 0 1.5em;
}
ul.img li {
	text-indent:-0.3em;
	line-height:100%;
	padding:0;
	margin:0; 
}
/*ul.img li:before {
	display: marker;
	content: url("/parts/icon/redarrow.gif");
}*/
/* texts
---------------------------------------------------------- */
.lltext { 
	font-size: 116%; line-height: 120%;
}
.ltext { 
	font-size: 97%; line-height: 120%;
}
.mtext { 
	font-size: 75%; line-height: 150%;
}
.m2text { 
	font-size: 90%; line-height: 150%;
}
.m3text { 
	font-size: 85%; line-height: 150%;
}
.stext { 
	font-size: 58%; line-height: 120%;
}

input.text {
	height:18px; 
	font-size: 105%; line-height: 150%;
	background-color:white;
	vertical-align : middle;
}

/* input control
---------------------------------------------------------- */

/*.active { ime-mode : active }
.inactive { ime-mode : inactive }*/

/* Courses
---------------------------------------------------------- */
.course{
	width:270px;
	border-style:dotted;
	border-width:0 0 1px 0;
	border-color:#FF8F40;
	padding:0.4em 0;
	margin: 0;
}
a.course_title:link {
	color:#FF8F40;
	font-weight:bold;
	text-decoration : none;
}
a.course_title:visited {   
	color:#FF8F40;
	font-weight:bold;
	text-decoration : none;  
}

/* Products
---------------------------------------------------------- */
.category_title { 
	font-family : "Times New Roman", Times, "HG明朝E", Mincho, "ヒラギノ明朝 Pro W3", "平成明朝", serif;
	color : #654EBB;letter-spacing: 0px;
	font-size: 250%; line-height: 100%;
	font-weight:bold;
	MARGIN: 0;
	vertical-align : middle;
}
.product_en_title {
	font-family : "Times New Roman", Times, serif;
	color:#654EBB;
	font-size: 123.1%; line-height: 100%;
	font-weight:bold;
}
.product_jp_title {
	font-family : "HG明朝E", Mincho, "ヒラギノ明朝 Pro W3", "平成明朝", serif;
	margin:0.2em 0 0.4em 0;
	font-size: 100%; line-height: 100%;
	font-weight:bold;
}
.column_title {
	color:#654EBB;
	font-weight:bold;
}
.feature{
	border-style:dotted;
	border-width:0 0 1px 0;
	border-color:#A9A9A9;
	padding:0.2em 0;
	margin: 0;
}
/* Equilibrium Sepcial Set
---------------------------------------------------------- */
.set{
	width:180px;
	border-style:solid;
	border-width:1px;
	border-color:#A9A9A9;
	padding:1px;
	margin: 3px 2px;
}
.btl{
	width:70px;
	border-collapse:collapse;
	border-style:none;
	padding:0.5em 0.1em 0.3em 0.1em;
	margin: 0.1em;
}
.exp{
	width:70px;
	border-collapse:collapse;
	border-style:solid;
	border-width:1px 0 0 1px;
	border-color:#A9A9A9;
	padding:0.1em;
	margin: 0.1em;
}
.exp2{
	width:70px;
	border-collapse:collapse;
	border-style:solid;
	border-width:1px 0 1px 1px;
	border-color:#A9A9A9;
	padding:0.1em;
	margin: 0.1em;
}
/* Life Tree
---------------------------------------------------------- */
.textbox{
	width:75px;
	height:40px;
	text-align:center;
	margin:0 5px 0 0;
	padding:5px 0 0 0;
	font-size:80%;
	font-weight:bold;
	color:#9999ff;
	float:left;
/*	background-color:#9999ff
	border:2px dotted #9999ff;*/
}
/* Index page
---------------------------------------------------------- */
.separator{
	padding:5px 0;
	border-bottom:1px solid #d9d9d9;
	clear:both;
}
a img{
	border:none;
}
.search{
	float:right;
	padding:1px 0 0 5px;
	width: 38px;
	height: 19px;
}
.search a{
	width: 100%;
	height: 100%;
	text-indent: -99999px;
	display: block;
	background: url(../icon/top/topnavi_05.gif) no-repeat 0 0;
}
.search a:hover {
	background: url(../icon/top/topnavi_05.gif) no-repeat -38px 0;
}
.information{
	width: 180px;
	height: 35px;
	margin-bottom:5px;
}
.information a{
	width: 100%;
	height: 100%;
	text-indent: -99999px;
	display: block;
	background: url(../icon/top/topnavi_55.gif) no-repeat 0 0;
}
.information a:hover {
	background: url(../icon/top/topnavi_55.gif) no-repeat -180px 0;
}
.title_img{
	margin-top:5px;
}
.index_menu{
	margin-top:62px;
	padding:0px 13px;
	font-size:80%;
	line-height:130%;
	background: url(../icon/top/top_waku4pix.gif) repeat-y;
}
.index_navi img {
	padding-bottom:1px;
}
.clear_both { /* 画像の周り込み解除 */
	clear:both;
	font-size:1px;
	visibility:hidden;
	overflow:hidden;
	height:1px;
	text-align:center;
}
/* About OAU
---------------------------------------------------------- */
H1.oautitle { 
	color : #727272;letter-spacing: 0px;
	font-size: 131%; line-height: 150%;
	font-weight:bold;
	MARGIN: 30px 0 25px 0;
	vertical-align : middle;
}
H2.oausubtitle { 
	color : #5d5795;letter-spacing: 0px;
	font-size: 93%; line-height: 150%;
	font-weight:bold;
	MARGIN: 25px 0 15px 0;
}
H2.oausubtitle a { 
	font-size: 93%;
	font-weight:normal;
}

/* sidemenu */

.ddsmoothmenu-v ul{
margin: 0px 0 0 0px;
padding: 0;
width: 180px; /* Main Menu Item widths */
list-style-type: none;
font-size: 85%;
font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
font-weight: normal;
color: #414141;
}
 
.ddsmoothmenu-v ul li{
position: relative;
margin: 0;
padding: 0;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
padding: 0px 0px 0px 0px;
/*border-bottom: 1px solid #ccc;*/
color: #a2501e;
}

.ddsmoothmenu-v ul li a:hover{
/*background: #fdeaec; */
color: #414141;
}

.ddsmoothmenu-v ul li a:active{
color: #a2501e;
}

/*Sub level menu items */

.ddsmoothmenu-v ul li ul{
position: absolute;
width: 176px; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
background: #F9F8F2; 
/*color: #414141;*/
border: 1px solid #ccc;
margin: 3px 0 0 0;
}
.ddsmoothmenu-v ul li ul li a:link, .ddsmoothmenu-v ul li ul li a:visited, .ddsmoothmenu-v ul li ul li a:active{
color: #17888D;
padding: 6px 10px 6px 10px;
border-bottom: 1px dotted #ccc;
}

.ddsmoothmenu-v ul li ul li a:hover{
color: #FF6F4E;
background: #FFEBEE; 
}
.no_border {
border-bottom: none ! important;
margin:0;
}
 
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 100%; }
* html .ddsmoothmenu-v ul li a { height: 100%; }
/* End */
/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 10px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: #000;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.1;
-moz-opacity:0.1;
filter: alpha(opacity=10);
}

*html body .ddsmoothmenu-v ul li a{
overflow: visible; /*force hasLayout in IE6 */
}

/* Veritical Navigation Images */
.category1,
.category2,
.category3,
.category4,
.category5 {
	width:180px;
	height:38px;
}
.category1 a,
.category2 a,
.category3 a,
.category4 a,
.category5 a {
	width:100%;
	height:100%;
	text-indent:-99999px;
	display:block;
}
.category1 a {
	background: url(../icon/top/about_oau_12.gif) no-repeat 0 0;
}
.category1 a:hover {
	background: url(../icon/top/about_oau_12.gif) no-repeat -180px 0;
}
.category2 a {
	background: url(../icon/top/about_oau_15.gif) no-repeat 0 0;
}
.category2 a:hover {
	background: url(../icon/top/about_oau_15.gif) no-repeat -180px 0;
}
.category3 a {
	background: url(../icon/top/about_oau_18.gif) no-repeat 0 0;
}
.category3 a:hover {
	background: url(../icon/top/about_oau_18.gif) no-repeat -180px 0;
}
.category4 a {
	background: url(../icon/top/about_oau_20.gif) no-repeat 0 0;
}
.category4 a:hover {
	background: url(../icon/top/about_oau_20.gif) no-repeat -180px 0;
}
.category5 a {
	background: url(../icon/top/about_oau_22.gif) no-repeat 0 0;
}
.category5 a:hover {
	background: url(../icon/top/about_oau_22.gif) no-repeat -180px 0;
}
/* news
---------------------------------------------------------- */
ul.news {
	width:158px;
	list-style-type:none;
	padding: 0 10px;
	margin: 0 0 6px 0;
	border:1px solid #DFCBCF;
	background-color:#F8F6F0;
}
ul.news li {
	text-indent:0px;
	line-height:100%;
	padding:6px 0;
	margin:0;
	border-bottom:1px dotted #DFCBCF;
	font-size:85%;
}
ul.news li a {
	font-size:85%;
}
ul.news li.noborder {
	border-bottom:none;
}
ul.news img{
	vertical-align:-10%;
}
/* ######### Top yoko navi menus  ######### */
ul.menu {width:800px;height:40px;list-style:none; margin: 0 0 0px 0;padding:0; z-index:10000;
	background: url(../icon/top/bg_line.gif) repeat-x 0 -35px;
}
ul.menu * {margin:0; }
ul.menu a {display:block; text-decoration:none;}
ul.menu li {position:relative; left:0px; float:left; margin:0px;z-index:9999}
ul.menu ul {position:absolute; top:39px; left:0px; padding:0;display:none; opacity:0; list-style:none}
ul.menu ul li {border:none;width:159px}
ul.menu ul li a {padding:3px 7px 5px;line-height:130%;background-color:#f8f7f2;border-bottom:1px dotted #dbdad5;z-index:10002}
ul.menu ul li a.no_border {border-bottom:none}
ul.menu ul li a:hover {background-color:#fff1f1;z-index:10002}
ul.menu ul ul {left:159px; top:-1px;}
ul.menu .menulink {border:0px solid #aaa; padding:0;}
ul.menu .menulink:hover, ul.menu .menuhover {}
ul.menu .sub {background:#ffffff url(../images/menu/arrow.gif) 148px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}
ul.menu ul li a {
	font-size: 77%;
}
/* for safari 3 \*/
html[xmlns*=""] body:last-child ul.menu ul li a {
	font-size: 70%;
}
/* end */ 
/* for safari 4 */
body:first-of-type ul.menu ul li a {
	font-size: 70%;
}
/* end */ 
/* for firefox 2/3 */
html>/**/body ul.menu ul li a, x:-moz-broken {
	font-size: 77% !important;
}
/* end */ 
#menu_01 a.menulink,
#menu_02 a.menulink,
#menu_03 a.menulink,
#menu_04 a.menulink,
#menu_05 a.menulink,
#menu_06 a.menulink,
#menu_07 a.menulink {
	float:left;
	width:115px;
	height:39px;
	overflow: hidden;
	display:block;
	text-indent:-9999px;
	border : none;
	z-index:0;
}
#menu_01 a.menulink {
	width:112px;
}
#menu_07 a.menulink {
	width:113px;
}
#menu_01 a.menulink {
	background: url(../icon/top/yokonavi_01.gif) no-repeat 0 0;
}
#menu_02 a.menulink {
	background: url(../icon/top/yokonavi_02.gif) no-repeat 0 0;
}
#menu_03 a.menulink {
	background: url(../icon/top/yokonavi_03.gif) no-repeat 0 0;
}
#menu_04 a.menulink {
	background: url(../icon/top/yokonavi_04.gif) no-repeat 0 0;
}
#menu_05 a.menulink {
	background: url(../icon/top/yokonavi_05.gif) no-repeat 0 0;
}
#menu_06 a.menulink {
	background: url(../icon/top/yokonavi_06.gif) no-repeat 0 0;
}
#menu_07 a.menulink {
	background: url(../icon/top/yokonavi_07.gif) no-repeat 0 0;
}
#menu_01 .menulink:hover, #menu_01 > a.menuhover {
	background: url(../icon/top/yokonavi_01.gif) no-repeat 0 -40px;
}
#menu_02 .menulink:hover, #menu_02 > a.menuhover {
	background: url(../icon/top/yokonavi_02.gif) no-repeat 0 -40px;
}
#menu_03 .menulink:hover, #menu_03 > a.menuhover {
	background: url(../icon/top/yokonavi_03.gif) no-repeat 0 -40px;
}
#menu_04 .menulink:hover, #menu_04 > a.menuhover {
	background: url(../icon/top/yokonavi_04.gif) no-repeat 0 -40px;
}
#menu_05 .menulink:hover, #menu_05 > a.menuhover {
	background: url(../icon/top/yokonavi_05.gif) no-repeat 0 -40px;
}
#menu_06 .menulink:hover, #menu_06 > a.menuhover {
	background: url(../icon/top/yokonavi_06.gif) no-repeat 0 -40px;
}
#menu_07 .menulink:hover, #menu_07 > a.menuhover {
	background: url(../icon/top/yokonavi_07.gif) no-repeat 0 -40px;
}
/* ######### Common Buttons  ######### */
.like {
	float:left;
	width:102px;
	height:21px;
	margin:10px 0
}
.tweet {
	float: left;
	height: 20px;
	margin: 10px 0;
	width: 58px;
}
.mixi{
	float:left;
	width:22px;
	height:18px;
	margin:10px 0
}
.google{
	float:left;
	width:50px;
	height:18px;
	margin:12px 0
}
.share {
	width: 68px;
}
.share a{
	margin:12px 0;
	height:16px;
	width: 68px;
	background-position : -697px 0;
}
.share a:hover {
	background-position : -697px -16px;
}