@charset "UTF-8";
* { margin:0; padding:0;}

body { background:#fff; font-family:Helvetica, Arial, sans-serif; color:#555555; line-height:1; }
* html body { font-family:"ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;}
/*font-size*/
body { font-size:12px; }
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}
h1,h2,h3,h4,h5,h6,address { font-size: 1em; }

.txt10 { font-size:10px;}
*:first-child+html .txt10 { font-size:83%;}
* html .txt10 { font-size:83%;}

.txt11 { font-size:11px;}
*:first-child+html .txt11 { font-size:92%;}
* html .txt11 { font-size:92%;}

.txt14 { font-size:14px;}
*:first-child+html .txt14 { font-size:117%;}
* html .fsLarge { font-size:117%;}

.txt16 { font-size:16px;}
*:first-child+html .txt16 { font-size:133%;}
* html .txt16 { font-size:133%;}

.txt18 { font-size:18px;}
*:first-child+html .txt18 { font-size:149%;}
* html .txt18 { font-size:149%;}


/* clearfix */
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ overflow:hidden; }
/* Hides from IE-mac \*/
* html .clearfix{ height:1%; overflow:visible; }
/* End hide from IE-mac */

li { list-style:none;}
img { border:0;}
table { margin:0; padding:0; border-collapse:collapse; }
th,td { text-align:left; vertical-align:top; font-weight:normal; }


/* Common Links & Classes */

a:link { color:#0000ff; text-decoration:underline; }
a:visited { color:#934C7B; text-decoration:underline; }
a:hover { color:#ff0000; text-decoration:underline; }
a:active { color:#0000ff; text-decoration:underline; }

body { background: url(http://www.utj.co.jp/common/images/body_sdw.gif) top center no-repeat; }
#wrapper { width:900px; margin:0 auto; }

.left { float:left; } 
.right { float:right; }
.arrowList {}
.arrowList li { background:url(http://www.utj.co.jp/common/images/arrow01.gif) 0 4px no-repeat; padding:0 0 8px 20px; }

.layoutTable, .layoutTable td { margin:0; padding:0; }

.basicTable { width:100%; }
.basicTable th, .basicTable td { padding:5px; border:solid 1px #ddd; }
.basicTable th { background:#f3f3f3; }

.tableStyle01 { width:100%; }
.tableStyle01 th, .tableStyle01 td { padding:0 0 15px 0;}

/* header */
#header { padding:20px 20px 19px 23px; }
#logo { float:left; width:301px; height:37px; } 
#headerFunc { text-align:right; padding:5px 0 0 0; }

/* #headerFunc { text-align:right; padding:25px 0 0 0; } */
/* headere end */

/* globalNav 2009-03-09 */
#globalNav { background: url(http://www.utj.co.jp/common/images/nav_bg.gif) no-repeat; padding:4px 10px; font-size:1px; margin:-4px 3px 0;  height: 38px; width: 873px; }
#globalNav li { float:left; }

#gl_service a { background: url(http://www.utj.co.jp/common/images/nav01.gif) no-repeat; display: block; background-position:0 0; height: 38px; width: 258px;}
#gl_service a:hover { background-position:0 -38px; }
body#service_location #gl_service a { background-position:0 -76px;}

#gl_solution a { background: url(http://www.utj.co.jp/common/images/nav02.gif) no-repeat; display: block; background-position:0 0; height: 38px; width: 259px;}
#gl_solution a:hover { background-position:0 -38px; }
body#solution_location #gl_solution a { background-position:0 -76px;}

#gl_seminar a { background: url(http://www.utj.co.jp/common/images/nav03.gif) no-repeat; display: block; background-position:0 0; height: 38px; width: 177px;}
#gl_seminar a:hover { background-position:0 -38px; }
body#seminar_location #gl_seminar a { background-position:0 -76px;}

#gl_company a { background: url(http://www.utj.co.jp/common/images/nav04.gif) no-repeat; display: block; background-position:0 0; height: 38px; width: 179px;}
#gl_company a:hover { background-position:0 -38px; }
body#company_location #gl_company a { background-position:0 -76px;}

/* globalNav 2009-03-09 end */

/* bread */
#bread { padding:10px 15px 20px; }
/* bread end */

/* content area */
#contentArea { padding:0 17px 40px 7px; line-height:1.4; }

#main { width:625px; float:right; }
#main .paragraph { padding:0 10px 30px 10px; color:#424242; }
#main h1 { font-size:16px; background:#f4f5f7; padding:50px 0 10px 10px; margin:0 0 20px 0;}
#main .paragraph h2 { font-size:16px; border-left: solid 5px #e33414; padding:2px 0 0 5px; margin:0 0 10px 0; color:#333; line-height:1.2; }
#main .paragraph h3 { font-size:14px; margin:0 0 10px 0; color:#333; }
#main .paragraph p { margin:0 0 1em 0; }
#main .pagetop { text-align:right; }


#sub { width:233px; float:left; }
#localNav { border:solid 1px #d6d6d6; background:url(http://www.utj.co.jp/common/images/localNav_bg.gif) repeat-x top; }
#localNav h3 { padding:55px 0 7px 16px; border-bottom: solid 1px #e6e6e6; margin:0 3px; }
#localNav ul { padding:3px 0; }
#localNav li a { display:block; padding:5px 10px 5px 35px; height:1%; } 
#localNav li a:link { color:#666666; text-decoration:underline; background:url(http://www.utj.co.jp/common/images/arrow01.gif) 13px 9px no-repeat; }
#localNav li a:visited { color:#666666; text-decoration:underline; background:url(http://www.utj.co.jp/common/images/arrow01.gif) 13px 9px no-repeat; }
#localNav li a:hover { color:#ef3425; text-decoration:underline; background:url(http://www.utj.co.jp/common/images/arrow01.gif) 13px 9px no-repeat #e7e7e7; }
#localNav li a:active { color:#ef3425; text-decoration:underline;  background:url(http://www.utj.co.jp/common/images/arrow01.gif) 13px 9px no-repeat #e7e7e7; }
/* content area end */

/* footer */
#footer { background:#f4f4f7; padding:28px 20px 25px 20px; line-height:1; }
address { font:Verdana, Arial, Helvetica, sans-serif; text-align:left; font-size:10px; padding:2px 0 0 0; font-style:normal; color:#a9a9a9; float:left; width:700px; }
#footerFunc { text-align:right; line-height:1; }
/* footer end */



/* top page content area */
#flashArea { margin:0 0 20px 0; }
#contentArea.top { padding-left:17px;}
#contentArea.top #main { width:607px; float:left; }
.top #main h2 { padding:0 0 15px 0; }
.top #main #topicsList { position:relative; }
.top #main #topicsList dl { padding:0 15px 8px 15px; }
.top #main #topicsList dt { clear:both; float:left; width:95px; font-weight:bold; padding:0 0 20px 0;  }
.top #main #topicsList dd { float:left; width:480px; font-weight:normal; padding:0 0 20px 0;  }
.top #main #topicsList .detail { position:absolute; top:10px; right:20px; }
.top #main .arrowList { padding:0 0 20px 15px; }

.top #main #topicsList1 { width:590px; padding:5px; margin:0 0 0 15px; position:relative; border:solid 1px #FF8F74; background:url(http://www.utj.co.jp/common/images/localNav_bg.gif) repeat-x top;}
.top #main #topicsList1 dl { padding:0 15px 8px 15px; }
.top #main #topicsList1 dt { clear:both; float:left; width:90px; font-weight:bold; padding:0 0 8px 0; }
.top #main #topicsList1 dd { float:left; width:460px; font-weight:normal; padding:0 0 8px 0; }
.top #main #topicsList1 .detail { position:absolute; top:10px; right:20px; }



#contentArea.top #sub { width:239px; float:right; }
.top #subMenu { background:#f6f6f6; margin:0 0 17px 0;  }
.top #subMenu h3 { padding:0 0 12px 0;  }
.top #subMenu .arrowList { padding:0 0 8px 8px; }
.top #bannerArea { font-size:1px; line-height:1; }
.top #bannerArea li { margin:0 0 10px 0; }
/* top page */



/* linkbox 2009-03-09 */
.alt { display:none;}
.red{ color: #FF0000; margin: 0; padding: 0; }
.none{ text-indent:-9999px; height:0px; overflow:hidden;}
h1#titleArea { margin:0 16px 20px 13px;  width: 871px; height: 136px; display: block; }
.service_title{ background: url(/service/images/service_maintitle.jpg) no-repeat; }
.solution_title{ background: url(/service/images/solution_maintitle.jpg) no-repeat; }
.seminar_title{ background: url(/service/images/seminar_maintitle.jpg) no-repeat; }
.company_title{ background: url(/service/images/company_maintitle.jpg) no-repeat; }
#linkbox_contentArea { margin-bottom: 40px; height: 100%; }	
#linkbox_contentArea_short { margin: 0px; height: 340px; }	
.linkbox_red{ padding:0; margin:0; display:block; width:429px; height:138px; float:left; background: url(http://www.utj.co.jp/common/images/red_btn.gif) no-repeat; }
.linkbox_solution1{ padding:0; margin:0; display:block; width:429px; height:138px; float:left; background: url(http://www.utj.co.jp/common/images/sol_btn01.gif) no-repeat; }
.linkbox_solution2{ padding:0; margin:0; display:block; width:429px; height:138px; float:left; background: url(http://www.utj.co.jp/common/images/sol_btn02.gif) no-repeat; }
.linkbox_solution3{ padding:0; margin:0; display:block; width:429px; height:138px; float:left; background: url(http://www.utj.co.jp/common/images/sol_btn03.gif) no-repeat; }
.linkbox_solution4{ padding:0; margin:0; display:block; width:429px; height:138px; float:left; background: url(http://www.utj.co.jp/common/images/sol_btn04.gif) no-repeat; }	
.rightside{ margin: 0 0 12px 14px; display: inline; }	
.leftside{ margin: 0 0px 12px 13px; display: inline; }
.box_hover{ background-position: 0 -138px; cursor:pointer; }
.linkbox_area{ line-height:1.5; width:369px; height:138px; color: #424242; }
.linkbox_area_in{vertical-align: middle; padding-left: 13px; }
/* linkbox 2009-03-09 end*/


/* NEW List 2009-02-19 */
.list_test_area{ width: 500px; padding: 50px; }
.list_test_area ul{ margin-bottom:15px; padding:0px; }
.list_typeA li{ list-style-position: inside; list-style-type: disc; line-height: 1.7; }  
/* リストの２行目以降を上げる */
.list_typeB li{ list-style-position: outside; list-style-type: disc; line-height: 1.7; } 
/* リストの２行目以降を揃える */
.list_test_area dt{ margin-bottom:10px;} 
.list_test_area dd{ margin-left: 1em; line-height: 1.7; } 
/* NEW List 2009-02-19 end*/


/* NEW table 2009-02-19 */
.contenttable_Style { width:100%; line-height: 1.5;}
.contenttable_Style th{ border: solid 1px #E8E8E8; padding: 5px 16px; background: #F6F6F6; vertical-align: middle; text-align: center;}
.contenttable_Style td{ border: solid 1px #E8E8E8; padding: 10px 16px; background: #FFF; vertical-align: middle;}
.no-break { white-space: nowrap; }
.cell10 { width: 10%;}
.cell20 { width: 20%;}
.cell30 { width: 30%;}
.cell40 { width: 40%;}
.cell50 { width: 50%;}
.cell60 { width: 60%;}
.cell70 { width: 70%;}
/* NEW table 2009-02-19 end*/




/* dx_web用に追加した分ここから */
/* dx top page content area */
#flashArea { margin:0 0 20px 0; }
#dxcontentArea.top { padding-left:17px; padding-top:10px;}
#dxcontentArea.top #main { width:647px; float:left; }
#dxcontentArea.top #main h2 { padding:0 0 15px 5px;}
#dxcontentArea.top #main #topicsList { position:relative; }
#dxcontentArea.top #main #topicsList dl { padding:0 15px 8px 15px; }
#dxcontentArea.top #main #topicsList dt { clear:both; float:left; width:95px; font-weight:bold; padding:0 0 20px 0;  }
#dxcontentArea.top #main #topicsList dd { float:left; width:480px; font-weight:normal; padding:0 0 20px 0;  }
#dxcontentArea.top #main #topicsList .detail { position:absolute; top:10px; right:20px; }
#dxcontentArea.top #main .cat .arrowList { padding:0 0 20px 15px; width: 290px;}
#dxcontentArea.top .cat { float:left; margin: 0 3px 0 5px; width: 310px; height: 180px;} 
#dxcontentArea.top #main .cat .category { width: 300px; height: 32px; background:url(http://www.utj.co.jp/common/images/ttl_category.gif)  0px 0px no-repeat; padding:10px 0 0 12px; color:＃000000;}

#dxcontentArea.top #sub { width:180px; float:right; padding-right:20px; }
#dxcontentArea.top #subMenu { background:#f6f6f6; margin:0 0 17px 0;  }
#dxcontentArea.top #subMenu h3 { padding:0 0 12px 0;  }
#dxcontentArea.top #subMenu .arrowList { padding:0 0 8px 8px; }
#dxcontentArea.top #bannerArea { font-size:1px; line-height:1; }
#dxcontentArea.top #bannerArea li { margin:0 0 10px 0; }

/* dx top page */

/* タグクラウド */
#dxcontentArea.top #sub #tag-cloud { width:155px; padding:3px; border: solid 1px #999999; }
#dxcontentArea.top #sub #tag-cloud p.tag { margin-right: 5px; display: inline; list-style: none; }
#dxcontentArea.top #sub #tag-cloud p.tag a.level1 { font-size: 14px; font-weight:bold; color:#0000ff; }
#dxcontentArea.top #sub #tag-cloud p.tag a.level2 { font-size: 13px; font-weight:bold; color:#0000ff; }
#dxcontentArea.top #sub #tag-cloud p.tag a.level3 { font-size: 13px; color:#0000ff; }
#dxcontentArea.top #sub #tag-cloud p.tag a.level4 { font-size: 12px; color:#0000ff; }
#dxcontentArea.top #sub #tag-cloud p.tag a.level5 { font-size: 11px; color:#0000ff; }
#dxcontentArea.top #sub #tag-cloud p.tag a.level6 { font-size: 10px; color:#0000ff; } 
/* タグクラウド */

/* dx blog page */

#dxcontentArea.blog { padding-left:17px; padding-top:10px;}
#dxcontentArea.blog #main { width:647px; float:left; }
.blog #main h2 { padding:0 0 15px 5px;  background:url(http://www.utj.co.jp/common/images/ttl_topics.gif)  0px 0px no-repeat; }
.blog #main #topicsList { position:relative; }
.blog #main #topicsList dl { padding:0 15px 8px 15px; }
.blog #main #topicsList dt { clear:both; float:left; width:95px; font-weight:bold; padding:0 0 20px 0;  }
.blog #main #topicsList dd { float:left; width:480px; font-weight:normal; padding:0 0 20px 0;  }
.blog #main #topicsList .detail { position:absolute; top:10px; right:20px; }
.blog #main .arrowList { padding:0 0 20px 15px; }
.blog #main .category { width: 300px; height: 32px; background:url(http://www.utj.co.jp/common/images/ttl_category.gif)  0px 0px no-repeat; padding:10px 0 0px 12px; color:＃000000;}
.cat { float:left; margin: 0 0 0 0; width: 320px;} 

.adArrowList li { background:url(http://www.utj.co.jp/common/images/arrow02.gif) 0 4px no-repeat; padding:0 0 6px 20px; }

#dxcontentArea.blog #sub { width:180px; float:right; padding-right:20px;}}
.blog #subMenu { background:#f6f6f6; margin:0 0 17px 0;  }
.blog #subMenu h3 { padding:0 0 12px 0;  }
.blog #subMenu .arrowList { padding:0 0 8px 8px; }
.blog #bannerArea { font-size:1px; line-height:1; }
.blog #bannerArea li { margin:0 0 10px 0; }

.blog #main h2 { font-size:15px; border-left: solid 5px #e33414; padding:2px 0 0 5px; margin:0 0 10px 0; color:#333; line-height:1.2; }
.blog #main #toubai { font-family:"ＭＳ ゴシック", Osaka;}
.blog #main #code { padding:10px; background:#FFFFCC;}
.blog #main #code2 { padding:10px; border: 1px dashed #999999;}
.blog #main #code3 { padding:10px; border: 1px #999999;}


.blog #main a:link { color:#0000ff; text-decoration:underline; }
.blog #main  a:visited { color:#934C7B; text-decoration:underline; }
.blog #main  a:hover { color:#ff0000; text-decoration:underline; }
.blog #main  a:active { color:#0000ff; text-decoration:underline; }

/* dx blog page 内の タグクラウド */
.blog #main #tag-all { width:600px; padding:3px; border: solid 1px #999999; }
.blog #main #tag-all p.tag { margin-right: 5px; display: inline; list-style: none; }
.blog #main #tag-all p.tag a.level1 { font-size: 50px; font-weight:bold; color:#0000ff; }
.blog #main #tag-all p.tag a.level2 { font-size: 40px; font-weight:bold; color:#0000ff; }
.blog #main #tag-all p.tag a.level3 { font-size: 30px; color:#0000ff; }
.blog #main #tag-all p.tag a.level4 { font-size: 20px; color:#0000ff; }
.blog #main #tag-all p.tag a.level5 { font-size: 16px; color:#0000ff; }
.blog #main #tag-all p.tag a.level6 { font-size: 12px; color:#0000ff; } 
.blog #main #tag-all p.tag a.level7 { font-size: 10px; color:#0000ff; } 
.blog #main #tag-all p.tag a.level8 { font-size: 8px; color:#0000ff; } 
.blog #main #tag-all p.tag a.level9 { font-size: 6px; color:#0000ff; } 
.blog #main #tag-all p.tag a.level10 { font-size: 4px; color:#0000ff; } 
/* dx blog page 内の タグクラウド */


/* dx blog page */


/* dx thumb area */
#dxcontentArea { padding:0 17px 40px 7px; line-height:1.4; }

.thumb #main { width:620px; float:right; }
.thumb #main .paragraph { padding:0 10px 30px 10px; color:#424242; }

.thumb #main h1 { background:#f4f5f7; padding:50px 0 10px 10px; margin:0 0 20px 0;}
.thumb #main .paragraph h3 { font-size:14px; margin:0 0 10px 0; color:#333; }
.thumb #main .paragraph h2 { font-size:16px; border-left: solid 5px #e33414; padding:2px 0 0 5px; margin:15px 0 10px 0; color:#333; line-height:1.2; }
.thumb #main .paragraph p { margin:0 0 1em 0; }
.thumb #main .pagetop { clear:both; text-align:right; }
.thumb #main #mainLeft{ width:435px; float:left; }

.thumb #main #main1 { width:430px; float:left; background:#FFFFCC;}
.thumb #main #main2 { width:430px; float:left; background:#f4f5f7;}
.thumb #main #main3 { width:430px; float:left; background:#ffffff;}
.thumb #main #main3big { width:590px; float:left; background:#ffffff;}
.thumb #main #main2big { width:590px; float:left; background:#f4f5f7;}
.thumb #main #main2 #paragraph p { font-size:12px; margin:5px 0 0 0;}
.thumb #main #main1 #small { width:400px; float:left; background:#ffffff; margin:10px 0 10px 5px; padding:5px 0 0 5px;}
.thumb #main #main3 #small { width:400px; float:left; background:#ffffcc; margin:10px 0 10px 5px; padding:5px 0 0 5px; border: solid 1px #e33414; }
.thumb #main #main1 #paragraph h2 { font-size:16px; border-left: solid 5px #e33414; padding:2px 0 0 5px; margin:0 0 10px 0; color:#333; line-height:1.2; }
.thumb #main #ad { width:180px; float:right;}


#sub { width:233px; float:left; }
.thumb #localNav { border:solid 1px #d6d6d6; background:url(http://www.utj.co.jp/common/images/localNav_bg.gif) repeat-x top; }
.thumb #localNav h3 { padding:55px 0 7px 16px; border-bottom: solid 1px #e6e6e6; margin:0 3px; }
.thumb #localNav ul { padding:3px 0; }
.thumb #localNav li a { display:block; padding:5px 10px 5px 35px; height:1%; } 
.thumb #localNav li a:link { color:#666666; text-decoration:underline; background:url(http://www.utj.co.jp/common/images/arrow01.gif) 13px 9px no-rep.thumb eat; }
.thumb #localNav li a:visited { color:#666666; text-decoration:underline; background:url(http://www.utj.co.jp/common/images/arrow01.gif) 13px 9pxno-repeat; }
.thumb #localNav li a:hover { color:#ef3425; text-decoration:underline; background:url(http://www.utj.co.jp/common/images/arrow01.gif) 13px 9px no-repeat #e7e7e7; }
.thumb #localNav li a:active { color:#ef3425; text-decoration:underline;  background:url(http://www.utj.co.jp/common/images/arrow01.gif) 13px 9px no-repeat #e7e7e7; }

.dx_bigthumb img { float:left ; margin: 0 15px 0 0; }
.dx_bigthumb .paragraph p { margin:0 0 1em 0; }


#ad { width:180px; float:right; }
.thumb #subMenu { background:#f6f6f6; margin:0 0 17px 0;  }
.thumb #subMenu h3 { padding:0 0 12px 0;  }
.thumb #subMenu .arrowList { padding:0 0 8px 8px; }
.thumb #bannerArea { font-size:1px; line-height:1; }
.thumb #bannerArea li { margin:0 0 10px 0; }


/* dx_web用に追加した分ここまで*/