/* takanori kawai all*/
@charset 'UTF-8';

* {margin:0px; padding:0px; font-size:100%; list-style:none;}

body {padding:0px; font-size:78%; color:#000000; line-height:140%; text-align:left; font-family:'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;}

img, a img {border:none;}
.clear {clear:both; font-size:0px; line-height:0px;}
a:hover {text-decoration:underline;}

/* all */

div.outline {clear:both; width:100%; margin:0px; text-align:left; overflow:hidden;}
div.outline div.header {height:65px; margin:0px;}
div.outline div.header div.logoDpj {width:120px; height:65px; background:#ffffff url('../images/logo_dpj.jpg') no-repeat 0px 0px; text-indent:-2000px; overflow:hidden; float:left;}
div.outline div.header h1.logoKawai {width:240px; height:65px; background:#ffffff url('../images/logo_kawai.jpg') no-repeat 0px 0px; text-indent:-2000px; overflow:hidden; float:left;}
div.outline div.header div.logoKawai {width:240px; height:65px; background:#ffffff url('../images/logo_kawai.jpg') no-repeat 0px 0px; text-indent:-2000px; overflow:hidden; float:left;}
div.outline div.header div.sitemap {width:190px; padding:40px 0px 0px; text-align:right; background:#ffffff url('../images/sitename.gif') no-repeat 0px 16px; overflow:hidden; float:right;}
div.outline div.header div.sitemap a {margin:0px 15px; font-size:12px; color:#666666;}

/* main area*/

div.mainArea {clear:both; margin:0px auto 0px auto; width:100%; height:280px; overflow:hidden;}
div.mainFlash {clear:both; margin:0px auto 0px auto; width:100%; height:280px; overflow:hidden;}

/* gmenu */

div.outline div.gMenu { padding:15px; background:#000000; overflow:hidden;}
div.outline div.gMenu ul {width:870px; list-style: none; margin:0px;}
div.outline div.gMenu ul li {display:inline; float:left; padding-left:15px;}
div.outline div.gMenu ul li.top { width:61px; height:16px; background:url("../img/menu_hr.gif") right top no-repeat;}
div.outline div.gMenu ul li.top a{ display:block; overflow:hidden; width:41px; height:16px; background: url("../img/menu_home.gif") left top no-repeat; text-indent: -9999px;}
div.outline div.gMenu ul li.active { width:89px; height:16px; background:url("../img/menu_hr.gif") right top no-repeat;}
div.outline div.gMenu ul li.active a{ display:block; overflow:hidden; width:69px; height:16px; background: url("../img/menu_active.gif") left top no-repeat; text-indent: -9999px;}
div.outline div.gMenu ul li.activity { width:77px; height:16px; background:url("../img/menu_hr.gif") right top no-repeat;}
div.outline div.gMenu ul li.activity a{ display:block; overflow:hidden; width:77px; height:16px; background: url("../img/menu_activity.gif") left top no-repeat; text-indent: -9999px;}
div.outline div.gMenu ul li.ideology { width:79px; height:16px; background:url("../img/menu_hr.gif") right top no-repeat;}
div.outline div.gMenu ul li.ideology a{ display:block; overflow:hidden; width:59px; height:16px; background: url("../img/menu_ideology.gif") left top no-repeat; text-indent: -9999px;}
div.outline div.gMenu ul li.supporter { width:161px; height:16px; background:url("../img/menu_hr.gif") right top no-repeat;}
div.outline div.gMenu ul li.supporter a{ display:block; overflow:hidden; width:141px; height:16px; background: url("../img/menu_supporter.gif") left top no-repeat; text-indent: -9999px;}
div.outline div.gMenu ul li.profile { width:91px; height:16px; background:url("../img/menu_hr.gif") right top no-repeat;}
div.outline div.gMenu ul li.profile a{ display:block; overflow:hidden; width:71px; height:16px; background: url("../img/menu_profile.gif") left top no-repeat; text-indent: -9999px;}
div.outline div.gMenu ul li.tour { width:78px; height:16px; background:url("../img/menu_hr.gif") right top no-repeat;}
div.outline div.gMenu ul li.tour a{ display:block; overflow:hidden; width:58px; height:16px; background: url("../img/menu_tour.gif") left top no-repeat; text-indent: -9999px;}
div.outline div.gMenu ul li.inquiry { width:145px; height:16px; background:url("../img/menu_hr.gif") right top no-repeat;}
div.outline div.gMenu ul li.inquiry a{ display:block; overflow:hidden; width:125px; height:16px; background: url("../img/menu_inquiry.gif") left top no-repeat; text-indent: -9999px;}
div.outline div.gMenu ul li.link { width:35px; height:16px;}
div.outline div.gMenu ul li.link a{ display:block; overflow:hidden; width:35px; height:16px; background: url("../img/menu_link.gif") left top no-repeat; text-indent: -9999px;}


/* contents */
div.outline div.contents {clear:both; width:1000px; margin:20px 0px 40px; overflow:hidden;}
div.outline div.contents div.newsArea {display:inline; width:290px; height:350px; margin:0px 0px 0px 20px; padding:0px; background:url("../img/con_hr.gif") right top no-repeat; float:left;}
div.outline div.contents div.newsArea h2.ttlNews {height:25px; background:url("../img/ttl_news.gif") left top no-repeat; text-indent: -9999px;}
div.outline div.contents div.newsArea div.date {float:left; width:80px;}
div.outline div.contents div.newsArea div.news {float:left; width:200px; margin:0px 10px 4px 0px;}
div.outline div.contents div.newsArea span.clear {display:block; font-size:0px; line-height:0px; clear:both; width:275px;}

div.outline div.contents div.mailArea{margin:0px 0px 0px 20px; padding:0px 20px 0px 0px; float:left; width:180px; height:350px; background:url("../img/con_hr.gif") right top no-repeat;}
div.outline div.contents div.mailArea div.dialyBtn {margin:0px 0px 15px; padding:0px; border-bottom:dashed 1px #cccccc; width:180px;}
div.outline div.contents div.mailArea div.dialyBtn img {display:block; margin:0px 0px 15px; padding:0px 0px 0px 0px; width:180px; height:60px; overflow:hidden;}

div.outline div.contents div.mailArea h2.ttlMail{ height:25px; background:url("../img/ttl_mail.gif") left top no-repeat; text-indent: -9999px;}

div.outline div.contents div.mailArea div.mailmagazineBtn {margin:15px 0px 0px; padding:0px; border-bottom:dashed 1px #cccccc; width:180px;}
div.outline div.contents div.mailArea div.mailmagazineBtn img {display:block; margin:0px 0px 15px; padding:0px 0px 0px 0px; width:180px; height:60px; overflow:hidden;}

div.outline div.contents div.mailArea div.campBtn {margin:15px 0px 0px; padding:0px; border-bottom:dashed 1px #cccccc; width:180px; overflow:hidden;}
div.outline div.contents div.mailArea div.campBtn img {display:block; margin:0px 0px 15px; padding:0px 0px 0px 0px; width:180px; overflow:hidden;}

div.outline div.contents div.mailArea div.webtvBtn {margin:15px 0px 0px; padding:0px; width:180px;}
div.outline div.contents div.mailArea div.webtvBtn img {display:block; margin:0px 0px 15px; padding:0px 0px 0px 0px; width:180px; height:60px; overflow:hidden;}


/* cal */
div.outline div.contents div.calArea{ padding:0px 0px 0px 20px; float:left; width:420px;}
div.outline div.contents div.calArea h2.ttlCal {width:200px; height:20px; background:url("../img/ttl_cal.gif") left top no-repeat; text-indent: -9999px;}
div.outline div.contents div.calArea h3{width:100px; font-size:120%; font-weight:bold; color:#666666;}
div.outline div.contents div.calArea ul { clear:both; width:420px; height:120px; margin:0px 0px 20px; padding:0px; background:url("../img/cal_back.gif") left bottom repeat-y;}
div.outline div.contents div.calArea ul li{ float:left; padding:0px 1px 1px 0px; text-align:center; width:59px; height:19px; line-height:19px;}
div.outline div.contents div.calArea ul li.mon {background:url("../img/cal_mon.gif") left top no-repeat; text-indent: -9999px; }
div.outline div.contents div.calArea ul li.tue {background:url("../img/cal_tue.gif") left top no-repeat; text-indent: -9999px; }
div.outline div.contents div.calArea ul li.wed {background:url("../img/cal_wed.gif") left top no-repeat; text-indent: -9999px; }
div.outline div.contents div.calArea ul li.thu {background:url("../img/cal_thu.gif") left top no-repeat; text-indent: -9999px; }
div.outline div.contents div.calArea ul li.fri {background:url("../img/cal_fri.gif") left top no-repeat; text-indent: -9999px; }
div.outline div.contents div.calArea ul li.sat {background:url("../img/cal_sat.gif") left top no-repeat; text-indent: -9999px; }
div.outline div.contents div.calArea ul li.sun {background:url("../img/cal_sun.gif") left top no-repeat; text-indent: -9999px; }
div.outline div.contents div.calArea ul li a {display:block; width:59px; height:19px; background:#E6EFF4;}
div.outline div.contents div.calArea div.calInfo {clear:both; margin-top:5px; text-align:right;}

/* footer */
div.outline div.footer{ clear:both; padding:10px 0px 0px 0px; text-align:right; width:100%; height:30px; border-top:#797979 solid 1px;}
div.outline div.footer p{text-align:left; width:98%; height:13px; background: url("../img/futter.gif") right top no-repeat; text-indent: -9999px;}