@charset "UTF-8";
* { margin:0; padding:0;}

body { background:#fff; font-family:Helvetica, Arial, sans-serif; color:#797979; 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; }
/* changed 2009/2/10 */
th,td { text-align:left; vertical-align:top; font-weight:normal; } 

/* Common Links & Classes */

a:link { color:#666666; text-decoration:underline; }
a:visited { color:#666666; text-decoration:underline; }
a:hover { color:#ef3425; text-decoration:underline; }
a:active { color:#ef3425; text-decoration:underline; }

body { background: url(../img/body_sdw.gif) top center no-repeat; }
#wrapper { width:900px; margin:0 auto; }

.left { float:left; } 
.right { float:right; }
.arrowList {}
.arrowList li { background:url(../img/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:25px 0 0 0; }
/* headere end */

/* globalNav */
#globalNav { background: url(../img/nav_bg.gif) no-repeat; padding:4px 10px; font-size:1px; margin:-4px 3px 0; }
#globalNav li { float:left;}
/* globalNav 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 { 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; }

/* 追加 */
#main .paragraph ul { list-style-type:disc; margin:0 0 1em 0 } 

#sub { width:233px; float:left; }
#localNav { border:solid 1px #d6d6d6; background:url(../main/img/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(../img/arrow01.gif) 13px 9px no-repeat; }
#localNav li a:visited { color:#666666; text-decoration:underline; background:url(../img/arrow01.gif) 13px 9px no-repeat; }
#localNav li a:hover { color:#ef3425; text-decoration:underline; background:url(../img/arrow01.gif) 13px 9px no-repeat #e7e7e7; }
#localNav li a:active { color:#ef3425; text-decoration:underline;  background:url(../img/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; }

#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 */


/* 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; }
.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 .category { width: 300px; height: 32px; background:url(http://www.utj.co.jp/main//img/ttl_category.gif)  0px 0px no-repeat; padding:10px 0 0px 12px;}
.cat { float:left; margin: 0 0 0 0; width: 320px; height: 34px} 

#dxcontentArea.top #sub { width:180px; float:right; padding-right:20px;}}
.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; }
/* dx top 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 h2 { font-size:16px; border-left: solid 5px #e33414; padding:2px 0 0 5px; margin:0 0 10px 0; color:
.thumb #333; line-height:1.2; }
.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 { text-align:right; }

.thumb #main #main1 { width:430px; float:left; background:#f4f5f7;}
.thumb #main #main2 { width:430px; float:left; background:#f4f5f7;}
.thumb #main #main1 #small { width:200px; float:left; background:#ffffff; margin:10px 0 10px 5px; padding:5px 0 0 5px;}
.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(../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(../images/arrow01.gif) 13px 9px no-rep.thumb eat; }
.thumb #localNav li a:visited { color:#666666; text-decoration:underline; background:url(../images/arrow01.gif) 13px 9pxno-repeat; }
.thumb #localNav li a:hover { color:#ef3425; text-decoration:underline; background:url(../images/arrow01.gif) 13px 9px no-repeat #e7e7e7; }
.thumb #localNav li a:active { color:#ef3425; text-decoration:underline;  background:url(../images/arrow01.gif) 13px 9px no-repeat #e7e7e7; }

.dx_bigthumb img { float:left ; margin: 0 15px 0 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; }
















































