@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; background:#1d58ba;font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka;}

img{border:0;}
.r{float:right;}
.l{float:left;}
.clear{clear:both;}
.b{font-weight:bold;}
.n{font-weight:normal;}
.list12{ font-size:1.2em;}
.list9red{ font-size:0.9em; color:#ff0000;}
.list9{ font-size:0.9em;}
.list8{ font-size:0.8em;}
.list8white{ font-size:0.8em; color:#ffffff;}
.lih16{ line-height:16px;}
.c01{color:#006666;}
.c02{ color:#ff3300;}
.fwn{ font-weight:normal;}
.nbg{background:none;}
.pdl15{ padding-left:15px;}
t_l{ text-align:left;}
t_r{ text-align:right;}
.t_e{font-family: Arial, Helvetica, sans-serif;}
a{text-decoration:none; color:#2a58b6;}
a:hover{text-decoration: underline; color:#2a58b6;}

#top{height:113px; background:url(../images/heard_bg.jpg) 0 0 repeat-x; text-align:center;}


#header{width:939px; margin: 0 auto; padding:0; text-align:left;}
#header .switch .logo{float: left; width:300px;}
#header .switch .on2009{float: right; padding:25px 210px 0 0; visibility: hidden;}
#header .switch .ej{float: right; padding-top:35px;}
#header .switch .ej a img{ background-position: 0 0;}
#header .switch .ej a:hover img{ background-position: 0 -10px;}
#header .switch .ej .en{width:61px; height:10px; background-image:url(../images/atp_en.gif);}
#header .switch .ej .jp{width:73px; height:10px; background-image:url(../images/atp_jp.gif);}

#header .menu{ clear:both;}
#header .menu img{}
#header .menu a img{ background-position: 0 0;}
#header .menu a:hover img{ background-position: 0 -32px;}
#header .menu .m01{width:135px; height:32px; background-image:url(../images/atp_m01.jpg);}
#header .menu .m02{width:134px; height:32px; background-image:url(../images/atp_m02.jpg);}
#header .menu .m03{width:134px; height:32px; background-image:url(../images/atp_m03.jpg);}
#header .menu .m04{width:134px; height:32px; background-image:url(../images/atp_m04.jpg);}
#header .menu .m05{width:133px; height:32px; background-image:url(../images/atp_m05.jpg);}
#header .menu .m06{width:134px; height:32px; background-image:url(../images/atp_m06.jpg);}
#header .menu .m07{width:135px; height:32px; background-image:url(../images/atp_m07.jpg);}
#header .menu .m08{width:133px; height:32px; background-image:url(../images/atp_m08.jpg);}
#header .menu a img.sel{ background-position: 0 -32px;}/*current page*/ 



#middle{background:#ffffff;text-align:center;}
#middle .comment{width:900px; margin: 0 auto; padding: 0 13px 40px 12px; text-align:left; height:1%; overflow: hidden !important; overflow/**/: visible;}
/* index comment*/
#middle .comment .flash{ padding: 22px 0 21px 0;}
#middle .comment .left{float: left; width:608px; height:337px; border: 1px solid #c8c8c8;}
#middle .comment .left .title{height:36px; background:url(../images/tit_bg1.jpg) 0 0 repeat-x;}
#middle .comment .left .title .more a img{ float:right; margin:8px 12px 0 0; background-position: 0 0}
#middle .comment .left .title .more a:hover img{ background-position: 0 -20px;}
#middle .comment .left .title .more .m{ width:51px; height:20px; background-image:url(../images/more.gif);}
#middle .comment .left .news{margin:0; padding: 8px 0 9px 14px; list-style:none;}
#middle .comment .left .news .icon01{ display:inline; margin: 3px 6px 0 0;}
#middle .comment .left .news li{margin:0; padding: 7px 0 0 0; list-style:none; font-size:0.8em; height:22px;}
#middle .comment .left .news li a{color:#154dbd; text-decoration:none;}
#middle .comment .left .news li a:hover{color:#154dbd; text-decoration:underline;}
/**/
#middle .comment .right{float: right; width:265px; padding-bottom:7px;}
#middle .comment .right .tv{border: 1px solid #c8c8c8;}

/* page two design*/
#middle .comment2{width:900px; margin: 0 auto; padding: 0 0px 0px 0px; text-align:left; height:1%; overflow: hidden !important; overflow/**/: visible; color:#333333;}
#middle .comment2 .left{float: left; width:642px; padding: 0 0 0 23px;}
#middle .comment2 .left .title{border-bottom: 1px solid #1d58ba; height:31px; padding:20px 0 0 4px; font-size:1em; font-weight:bold; margin: 26px 0 0 0;}
#middle .comment2 .left .info{ padding: 20px 3px 60px 0px; min-height:360px; height: auto !important; height:360px;}
#middle .comment2 .left .info .title1{font-size:0.8em; line-height:1.2em; padding:12px 14px 10px 14px; border: 1px solid #bdd5f7; margin-top:-2px;margin-bottom:10px;}
#middle .comment2 .left .info .title2{font-size:0.9em; line-height:1.2em; font-weight:bold; padding:4px 0 23px 14px; border-bottom: 1px solid #c8c8c8;}
#middle .comment2 .left .info .title3{font-size:0.9em; line-height:1.2em; font-weight:bold; padding:4px 0 12px 14px;}
#middle .comment2 .left .info .title4{font-size:0.9em; line-height:1.5em; padding:4px 0 12px 14px; border-bottom: 1px solid #c8c8c8;}
#middle .comment2 .left .info .title4 .red{color:#ff0000; font-weight:bold;}
#middle .comment2 .left .info .name{font-size:0.8em; line-height:1.2em; text-align:right; padding:0 0 10px 0; border-bottom: 1px solid #c8c8c8;}
#middle .comment2 .left .info .line{ height:20px; background: url(../award_en/images/line.gif) repeat-x bottom;}
#middle .comment2 .left .info .cont{padding: 27px 0px 0 14px; font-size:0.8em; line-height:22px;}
#middle .comment2 .linke{ padding: 8px 0px 20px 11px; border-top: 1px solid #c8c8c8; font-size:0.8em; color:#333333; clear:both;}
#middle .comment2 .linke a{text-decoration:none; color:#003588;}
#middle .comment2 .linke a:hover{text-decoration: underline; color:#002d8b;}

/*KIKAKU BOX*/
#middle .comment2 .left .info .cont .kikakubox{padding:10px; margin-right:14px; margin-bottom:20px; border: 1px solid #ababf4;}
#middle .comment2 .left .info .cont .kikakubox .kikakutitle{padding:5px; margin-bottom:5px; background:#ccccff; font-size:1.2em; font-weight:bold;}
#middle .comment2 .left .info .cont .kikakubox .box1{padding:10px; border: 1px solid #c8c8c8; background:#f1f1f1;}
#middle .comment2 .left .info .cont .kikakubox .box1 .red{color:#ff0000; font-weight:bold;}
#middle .comment2 .left .info .cont .kikakubox .red{color:#ff0000; font-weight:bold;}


/*NEWS DISIGN*/
#middle .comment2 .b_full{padding: 0 0 0 23px;}
#middle .comment2 .b_full .title{border-bottom: 1px solid #1d58ba; height:31px; padding:20px 0 0 4px; font-size:1em; font-weight:bold; margin: 26px 0 0 0; position:relative;}
#middle .comment2 .b_full .title img{
	position:absolute;
	left: 815px;
	top: 17px;
}
#middle .comment2 .b_full .info{ padding: 0px 0px 60px 15px; min-height:360px; height: auto !important; height:360px; margin:0; list-style:none;}
#middle .comment2 .b_full .info li{font-size: 0.9em; padding:20px 0 0 0; line-height:1em;}
#middle .comment2 .b_full .info li a{color:#2a58b6; text-decoration:none;}
#middle .comment2 .b_full .info li a:hover{text-decoration: underline;}
#middle .comment2 .b_full .info li em{font-style: normal; padding-right:60px;}
#middle .comment2 .b_full .commt{padding: 20px 0px 60px 0px; min-height:360px; height: auto !important; height:360px;}
#middle .comment2 .b_full .commt .tit{padding-left:14px; font-size:0.8em; font-weight:bold; vertical-align: top; line-height:1.2em;}
#middle .comment2 .b_full .commt .tit2{padding-left:14px; font-size:1em; font-weight:bold; vertical-align: top; line-height:1.4em;}
#middle .comment2 .b_full .commt .tit2sub{padding-top:12px; padding-left:14px; font-size:0.8em; font-weight:bold; vertical-align: top; line-height:1.4em;}
#middle .comment2 .b_full .commt .tit2subend{padding-top:12px; padding-left:14px; padding-bottom:12px; font-size:0.8em; font-weight:bold; vertical-align: top; line-height:1.4em; border-bottom: 1px solid #dddddd;}
#middle .comment2 .b_full .commt .table01{padding-top:12px; padding-bottom:10px; border-bottom: 1px solid #dddddd; font-size:0.8em; vertical-align: top; line-height:1.5em;}
#middle .comment2 .b_full .commt .table02{padding-top:12px; padding-bottom:10px; font-size:0.8em; vertical-align: top; line-height:1.5em;}
#middle .comment2 .b_full .commt .title1{font-size:0.8em; line-height:1.2em; padding:12px 14px 10px 14px; border: 1px solid #bdd5f7; margin-top:-2px;margin-bottom:16px;}
#middle .comment2 .b_full .commt .title1 img{padding-left: 15px; vertical-align: middle;}
#middle .comment2 .b_full .commt .title2{font-size:0.9em; line-height:1.2em; font-weight:bold; padding:4px 0 23px 14px; border-bottom: 1px solid #dddddd;}
#middle .comment2 .b_full .commt .title3{font-size:1em; line-height:1.2em; font-weight:bold; padding:4px 0 10px 10px; float: left;}
#middle .comment2 .b_full .commt .awardname{font-size:1em; line-height:1.2em; font-weight:bold; padding:2px 0px 0px 35px; background:url(../award/images/2009_iconflower.jpg) 10px 0px no-repeat;}
#middle .comment2 .b_full .commt .awardname_non{font-size:1em; line-height:1.2em; font-weight:bold; padding:2px 0px 0px 12px;}
#middle .comment2 .b_full .commt .titlesub{font-size:0.8em; line-height:1.0em; padding:8px 0 15px 10px; float: left;}
#middle .comment2 .b_full .commt .cont{padding: 27px 0px 0 14px; font-size:0.8em; line-height:22px;}
#middle .comment2 .b_full .commt .cont .table01{padding: 20px 0px 0 0px;}

#middle .comment2 .left .info2{min-height:400px; height: auto !important; height:400px;}/* not padding*/
#middle .comment2 .left .info2 .banner{padding: 15px 0 15px 0;}
#middle .comment2 .left .info2 .new{padding: 15px 0 15px 0; margin: 0 0 0 0px; list-style:none;}/* ul design*/
#middle .comment2 .left .info2 .new li{/*list-style-type:disc;*/ font-size:0.9em; color:#333333; line-height:26px; background:url(../images/icon_02.gif) 5px 12px no-repeat; padding-left:15px;}
#middle .comment2 .left .info2 .new li a{ text-decoration:none; color:#4598f4;}
#middle .comment2 .left .info2 .new li a:hover{ text-decoration:none; color:#065ec8;}
	/*table*/
#middle .comment2 .left .table01{color:#333333; width:100%;}
#middle .comment2 .left .table01 tr{ background:url(../images/dashed01.gif) left bottom repeat-x;}
#middle .comment2 .left .table01 tr.nbg{background:none;}
#middle .comment2 .left .table01 .cow_l{vertical-align:top; line-height: 23px; font-size:0.8em; padding: 11px 0 10px 3px;}
#middle .comment2 .left .table01 .cow_r{line-height: 23px;vertical-align:top; font-size:0.8em; padding-top: 12px; padding-bottom: 10px;}
#middle .comment2 .left .table01 .table02{margin: 0px 0 0 0;}
#middle .comment2 .left .table01 .table02 tr{background:none;}
#middle .comment2 .left .table01 .table02 .cow01{text-align:left;}
#middle .comment2 .left .table01 .table02 .cow02{text-align:right; padding-left:6px;}
#middle .comment2 .left .table03{color:#333333; width:100%; font-size:0.8em;}
#middle .comment2 .left .table03 .table04{border-top: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; margin-top:5px;}
#middle .comment2 .left .table03 .table04 th{border-left: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; text-align:center; line-height:18px; padding: 3px 3px; background:#f2f2f2;}
#middle .comment2 .left .table03 .table04 td{border-left: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; line-height:18px; padding: 3px 3px;}

/* award design */
.container{clear:both; margin: 18px 0 20px 12px; border-bottom: 1px solid #dddddd; width:820px;}
.container td{ vertical-align:top;}
.container .box{width:170px; text-align:center; margin: 0 0px 15px 0px;}
/*.container .box .b_ph{float:left;width:80px; padding: 0 0 0 8px;}*/
.container .box span{ font-size:10px; line-height:14px; padding: 4px 0 0 0; display:block; text-align:left; text-align:justify;text-justify:inter-ideograph; /*word-break: break-all; word-wrap:break-word;*/}
.container2{height:1%; overflow: hidden !important; overflow/**/: visible; padding-top: 8px;}
.container2 .box{float:left; margin: 0 32px 0 0; height:1%; overflow: hidden !important; overflow/**/: visible;}
.container2 .box span{ font-size:10px; line-height:14px; padding: 4px 0 0 0; display:block; text-align:left; text-align:justify;text-justify:inter-ideograph;}
.container3{font-size:0.8em; line-height:1.3em; clear:both; height:1%; overflow: hidden !important; overflow/**/: visible; padding: 18px 0 20px 12px; margin-bottom:16px; border-bottom: 1px solid #dddddd;}
.container4{font-size:0.8em; line-height:1.3em; clear:both; height:1%; overflow: hidden !important; overflow/**/: visible; padding: 10px 0 10px 12px; margin-bottom:16px; border-bottom: 1px solid #dddddd;}

.list2009 { font-size:0.8em; line-height:1.6em; padding:12px 14px 10px 14px; border: 1px solid #dddddd; margin-top:30px; margin-bottom:30px; }
.list2011 { font-size:0.8em; line-height:1.6em; padding:12px 14px 10px 14px; border: 1px solid #dddddd; margin-top:30px; margin-bottom:30px; overflow:auto; }

/* お知らせ article design - mighty*/
#middle .comment2 .left .info2 .article{padding: 0px 4px 0px 0;}
#middle .comment2 .left .info2 .article .title2{font-size: 1em; font-weight:bold; padding: 15px 0 5px 0;}
#middle .comment2 .left .info2 .article .cont{font-size:0.8em; color:#333333;}
#middle .comment2 .left .info2 .article .cont .time{ text-align:right;}
#middle .comment2 .left .info2 .article .cont .tel{ color:#333333; text-align:right; padding: 30px 8px 60px 0;}
#middle .comment2 .left .info2 .article .back{text-align:right; padding-bottom: 30px;}
#middle .comment2 .left .info2 .article .back a{ font-size: 0.8em; color:#53a4fe; border: 1px solid #53a4fe; display: inline; text-decoration:none; padding: 3px 3px 0 3px;}
#middle .comment2 .left .info2 .article .back a:hover{color:#1254a0; border: 1px solid #1254a0;}

/* page  two right*/
#middle .comment2 .right{float: right; width:199px; margin: 26px 0 0 0;}
#middle .comment2 .right .r_menu{border: 1px solid #c8c8c8;}
#middle .comment2 .right .r_menu .title{height:51px;}
#middle .comment2 .right .r_menu .info{ margin: 0; padding: 0 10px; list-style:none;}
#middle .comment2 .right .r_menu .info li{ margin: 0; padding: 0px 0 0 0px; list-style:none; background:url(../images/line_01.gif) left bottom repeat-x; font-size: 12px;}
#middle .comment2 .right .r_menu .info li.bg{background: none;}
#middle .comment2 .right .r_menu .info .nolink{ display:block; padding: 13px 0 5px 14px; margin-left:4px; text-decoration:none; background:url(../images/v_icon01.gif) left 17px no-repeat; font-size:12px; line-height:16px;}
#middle .comment2 .right .r_menu .info li a{ display:block; padding: 13px 0 18px 14px; margin-left:4px; text-decoration:none; color:#154dbd; background:url(../images/v_icon01.gif) left 17px no-repeat; font-size:12px; line-height:16px;}
#middle .comment2 .right .r_menu .info li a.pdflink{ display:block; padding: 5px 0 5px 14px; margin-left:8px; background: none; }
#middle .comment2 .right .r_menu .info li a.pdflinkbg{ display:block; padding: 5px 0 18px 14px; margin-left:8px; background: none; }
#middle .comment2 .right .r_menu .info li a:hover{color:#333333;}
#middle .comment2 .right .r_menu .info li a.sel{color:#333333; background:none;}

/**/
#middle .comment2 .right .r_menu2{border: 1px solid #c8c8c8; margin-top:30px;}
#middle .comment2 .right .r_menu2 .title{ line-height:18px; font-size:0.8em; font-weight:bold; padding: 4px 0 2px 17px; color:#333333; border-bottom: 1px solid #c8c8c8; margin-bottom:3px;}
#middle .comment2 .right .r_menu2 .info{ margin: 0; padding: 0 3px 6px 10px; list-style:none;}
#middle .comment2 .right .r_menu2 .info li{ margin: 0; padding: 0px 0 0 0px; list-style:none; /*background:url(../images/line_01.gif) left bottom repeat-x;*/ font-size: 0.7em;}
#middle .comment2 .right .r_menu2 .info li.bg{background: none;}
#middle .comment2 .right .r_menu2 .info li a{ display:block; padding: 3px 0 4px 14px; margin-left:4px; text-decoration:none; color:#154dbd; background:url(../images/v_icon01.gif) left 7px no-repeat; font-size:12px; line-height: 16px;}
#middle .comment2 .right .r_menu2 .info li a:hover{color:#333333;}
#middle .comment2 .right .r_menu2 .info li a.sel{color:#333333; background:none;}


#middle .comment2 .right .r_menu .login { margin:20px 0px 10px 10px; font-size:12px; font-weight:bold; }




/* footer start*/
#footer{height:30px; text-align:center; clear:both; color:#ffffff;}
#footer .flink{width:900px; margin: 0 auto; padding-top:9px; text-align:left; font-size:0.6em;}
#footer .flink .copy{float:right; font-family: Arial, Helvetica, sans-serif;}
#footer .flink .about a{color:#ffffff; text-decoration:none;}