@charset "UTF-8";

@import url("link.css");
@import url("news.css");

#side .current{ color: #F0F;}

/* 一般 */
body{ color: #333; background: #FFF; margin:0; padding: 0; font-size: 13px; font-family: Arial, Helvetica, sans-serif, "MS Pゴシック", "ヒラギノ丸ゴ Pro W4"; background: none;}

fieldset{
	display:block;
	margin:1em 0;
}

table{ border-collapse:collapse;}

th{white-space:nowrap}

caption{ margin: 0; padding: 0px 0px 10px 0px; text-align: center; font-weight: bold; font-size: 15px;}

img { border-style: none; vertical-align: text-bottom;}

li, p { line-height: 150%;}

a { color: #09F; text-decoration: none;}
a:hover  { color: #F00 ;text-decoration: underline;}

strong { color: #09F; font-size: 15px;}

.int,.float { text-align: right;}

hr { display: none;}
.line01 { border-top: #CCC dotted 1px; clear: both;}

.p01 { color: #F00; line-height: 130%;}
.p02 { color: #09F; line-height: 130%;}
.p03 { color: #F60; line-height: 130%;}

.f777 { color: #777;}

.fbld { font-weight: bold;}
 
 /* 2009-10-13 base追加 */
.mg0 { margin: 0; padding: 0;}
.mg5 { margin: 5px; padding: 0;}
.mg10 { margin: 10px; padding: 0;}
.mg20 { margin: 20px; padding: 0;}
.mg30 { margin: 30px; padding: 0;}
.mg40 { margin: 40px; padding: 0;}
.mg50 { margin: 50px; padding: 0;}

.mgt5 { margin-top: 5px;}
.mgt10 { margin-top: 10px;}
.mgt15 { margin-top: 15px;}
.mgt20 { margin-top: 20px;}
.mgt25 { margin-top: 25px;}
.mgt30 { margin-top: 30px;}
.mgt40 { margin-top: 40px;}
.mgt50 { margin-top: 50px;}

.mgb5 { margin-bottom: 5px;}
.mgb10 { margin-bottom: 10px;}
.mgb15 { margin-bottom: 15px;}
.mgb20 { margin-bottom: 20px;}
.mgb25 { margin-bottom: 25px;}
.mgb30 { margin-bottom: 30px;}
.mgb40 { margin-bottom: 40px;}
.mgb50 { margin-bottom: 50px;}
.mgb60 { margin-bottom: 60px;}
.mgb70 { margin-bottom: 70px;}
.mgb80 { margin-bottom: 80px;}
.mgb90 { margin-bottom: 90px;}
.mgb100 { margin-bottom: 100px;}

.mgl5 { margin-left: 5px;}
.mgl10 { margin-left: 10px;}
.mgl15 { margin-left: 15px;}
.mgl20 { margin-left: 20px;}
.mgl25 { margin-left: 25px;}
.mgl30 { margin-left: 30px;}
.mgl40 { margin-left: 40px;}
.mgl50 { margin-left: 50px;}

.mgr5 { margin-right: 5px;}
.mgr10 { margin-right: 10px;}
.mgr15 { margin-right: 15px;}
.mgr20 { margin-right: 20px;}
.mgr25 { margin-right: 25px;}
.mgr30 { margin-right: 30px;}
.mgr40 { margin-right: 40px;}
.mgr50 { margin-right: 50px;}

.fs08 { font-size: 0.8em;}
.fs09 { font-size: 0.9em;}
.fs10 { font-size: 1.0em;}
.fs11 { font-size: 1.1em;}
.fs12 { font-size: 1.2em;}
.fs13 { font-size: 1.3em;}
.fs14 { font-size: 1.4em;}
.fs15 { font-size: 1.5em;}
.fs16 { font-size: 1.6em;}
.fs17 { font-size: 1.7em;}
.fs18 { font-size: 1.8em;}
.fs19 { font-size: 1.9em;}
.fs20 { font-size: 2.0em;}

.f333 { color: #333;}
.f666 { color: #666;}
.f999 { color: #999;}
.fCCC { color: #CCC;}
.fC00 { color: #C00;}
.fFF0 { color: #FF0;}
.fF00 { color: #F00;}
.fFFF { color: #FFF;}
.f090 { color: #090;}
.f09F { color: #09F;}
 
 
 

/* ページ上部 */
#head{ margin: 0 auto 20px ; padding: 0; width: 825px; border-bottom: #CCC solid 1px;}

#head h1 { margin: 0; padding: 0;}
#head h1#common { margin: 0; padding: 10px 20px; background: #CCC; color: #FFF; font-size: 16px;}
#head h1#p { margin: 0; padding: 10px 20px; background: #6C9; color: #FFF; font-size: 16px;}
#head h1#pp { margin: 0; padding: 10px 20px; background: #69C; color: #FFF; font-size: 16px;}


#head h2 { margin: 0; padding: 0;}
#head p { margin: 0; padding: 0;}
#head img#logo { margin: 20px 10px 10px 10px; padding: 0;}

	/* ヘッダのリンク */
	#head ul#nl{ margin: 0px 0px 5px 0px; padding: 0; width: 823px; height: 30px; border: solid 1px #CCC; background: #EEE; text-align: center;}

	#head ul#nl li { margin: 0; padding: 7px 0px 0px 0px; width: 136px; height: 22px; list-style: none; float: left; border-right: solid 1px #FFF;}
	#head ul#nl li.end { margin: 0; padding: 7px 0px 0px 0px; width: 136px; height: 22px; border-right: none; float: left;}


/* main と sideを格納 */
#contents{ margin: 10px auto 50px; width: 825px;}


/* サイドメニュー */
#side{ margin: 0px; padding: 0px 0px 80px 0px; width: 185px; float:left;}

#side div{
	margin-bottom:1em;
}

	/* ログインフォーム */
	#login { padding: 15px; background: url(img/menubg.png) 0 0 repeat-y #EEE; border-left: #BBB solid 1px;}
	#login h2 { margin: 0px; padding: 0px 0px 10px 0px; font-size: 15px; font-weight: normal; border-bottom:dotted 1px #CCC; color:#666;}
	
	#login dl { margin: 10px 0px; padding: 0;}
	#login dd { margin :0; padding: 0;}
	#login dd#dd01 { margin: 5px 0px; padding: 0; font-size: 11px; color: #090; line-height: 130%;}
	
	#login form { margin: 0; padding: 0;}
	#login dd input { display: block; width: 90%;}
	
	#login input { margin: 0px; padding: 5px; border: #999 solid 1px; background: #EEE;}

	/* ログイン後のメニュー */
	#control { padding: 15px; background: url(img/menubg.png) 0 0 repeat-y #EEE; border-left: #BBB solid 1px;}
	#control h2 { margin: 0px; padding: 0px 0px 10px 0px; font-size: 15px; font-weight: normal; border-bottom:dotted 1px #CCC; color:#666;}
	
	#control ul { margin: 10px 0px 0px 5px; padding: 0px;}
	#control li { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 10px; list-style: none; background: url(img/arrow_blue.gif) 0 5px no-repeat; line-height: 120%;}
	#control li.li00 { margin: 15px 0px 5px 0px; padding: 0px 0px 0px 10px; list-style: none; background: url(img/arrow_red.gif) 0 5px no-repeat;}
	#control li.li01 { margin: 20px 0 5px; padding: 0 0 5px 0; list-style: none; font-weight: bold; background: none; color:#666; border-bottom:dotted 1px #CCC;}

	#control input { margin: 0px; padding: 5px; border: #999 solid 1px; background: #EEE;}

	/* トピックス */
	#topics { margin: 0px; padding: 0px; background: #F9F9F9; border:solid 1px #999;}
	#topics h2 { margin: 0px; padding: 6px 10px; font-size: 16px; font-weight: bold; background: #DEF;}
	#topics ul { margin: 0; padding: 8px;}
	#topics li { margin: 0px 0px 3px 0px; padding: 0; list-style: none; line-height: 130%;}
	
	
	#contents #side p#pdf { margin: 10px 0px 0px 0px; padding: 0; font-size: 11px;}
	#contents #side p#pdf img { margin: 5px 0px 0px 0px; padding: 0;}

	/* メインコンテナ */
	#main { margin: 20px 0px 80px 0px; padding: 0px; width: 620px; float: right;}

	#main h2{ margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; color:#09F; font-size: 15px; background: url(img/title_back.gif) 0 2px no-repeat;}

	#main ul.nl li{ display:inline;padding-right:0.5em;margin:0; }
	#main ul.nl{ margin:1em 0; }
	
	#main p { margin: 5px 0px 10px; padding: 0; line-height: 150%;}
	
	#main h3 { margin: 20px 0px 10px; padding: 5px 5px 5px 22px; font-size: 15px; color: #777; border: #CCC solid 1px; background: #EEE url(img/arrow03.gif) 6px 7px no-repeat;}

	#main a { color: #F60; font-weight: normal;}
	#main a:hover { color: #F00; text-decoration: underline;}

	#main .section { border:solid 1px #CCC; padding:10px; margin:10px 0;}
	#main .section li { margin:10px 0px 10px 20px; padding: 0; line-height: 130%;}


	#main form {
		background:transparent;
		padding-top:2em;
		padding-bottom:2em;
	}
	#main table{ width: 96%; margin:1em auto;}
	#main th,#main td{
		border:solid 1px #999;
		padding:0.5em;
	}
	
	#main th{ background: #DEF; font-weight: normal;}
	table.th20 th{ width: 20%;}
	table.th30 th{ width: 30%;}
	
	#main td table{
		width:95%;
		margin:0 auto 0 0;
	}
	#main td th{
		background:transparent;
	}
	#main form .button{
		text-align:center;
	}
	#main form { margin: 0; padding: 0;}

/* p_top */
	#main #main-con2 { margin: 0; padding: 0; width: 620px; height: 420px;}
	#main #main-con2 #left { margin: 0; padding: 0; width: 310px; float: left; border: #DDD solid 1px;}
	#main #main-con2 #light { margin: 0; padding: 0; width: 300px; float: right;}

	#main #main-con2 #light p.tt { margin: 0; padding: 0; color: #09F;}
	#main #main-con2 #light dl { margin: 10px 0px; padding: 0;}
	#main #main-con2 #light dt { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 15px; background:url(img/arrow02.gif) 0 1px no-repeat;}
	#main #main-con2 #light dd { margin: 0px 0px 15px 0px; padding: 5px; border: #999 dotted 1px; background: #EEE;}
	
	#main #p-top { margin: 0; padding: 0; border: #CCC solid 1px;}
	#main #p-top p.tt { margin: 0; padding: 5px 10px; color: #FFF; font-weight: bold; background: #999;}
	#main #p-top dl { margin: 10px; padding: 0;}
	#main #p-top dt { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 15px; background:url(img/arrow02.gif) 0 1px no-repeat;}
	#main #p-top dd { margin: 0px 0px 15px 0px; padding: 5px; border: #999 dotted 1px; background: #EEE;}


/* vs */
	#main #vs #img-con { margin: 0px 0px 10px 10px; padding: 0; float: right;}

	#main #vs dl { margin: 10px 0px; padding: 10px; border: #CCC solid 1px;}
	#main #vs dt { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 15px; background:url(img/arrow02.gif) 0 1px no-repeat;}
	#main #vs dd { margin: 0px; padding: 5px; }
	#main #vs dd strong { color: #F00; font-size: 13px;}

/* download */
	#main #dl-con { margin: 0px; padding: 0px;}

	#main #dl-con p { margin: 10px 0px; padding: 0; text-align: left;}
	#main #dl-con dl { margin: 10px 0px; padding: 0;}
	#main #dl-con dt { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 15px; background:url(img/arrow02.gif) 0 1px no-repeat;}
	#main #dl-con dd { margin: 0px; padding: 5px; background: #EEE;}

	#main #dl-con #dl-con2 #dl-con-btn { margin: 0px; padding: 0px; width: 300px; height: 50px; position: relative; top: 260px; left: 300px;}

/* forward */
	#main #forward-style dl { margin: 10px 0px 20px; padding: 5px; border: #CCC dotted 1px;}
	#main #forward-style dt { margin: 10px 20px 5px; padding: 0px 0px 0px 15px; background:url(img/arrow02.gif) 0 1px no-repeat;}
	#main #forward-style dd { margin: 0px 20px 20px; padding: 5px; background: #EEE;}
	#main #forward-style dl#tt { margin: 10px 0px; padding: 0px; border: none;}
	#main #forward-style dl#tt dt { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 15px; background:url(img/arrow01.gif) 0 1px no-repeat;}
	#main #forward-style dl#tt dd { margin: 0px 0px 20px 0px; padding: 5px; background: none;}
	#main #forward-style b { font-size: 15px; font-weight: bold; color: #F30;}
	
	#main #forward-style h4 { margin: 10px 0px; padding: 0; font-size: 15px; color: #09F;}

/* アクセスポイント */

	#main #pacsp dl { margin: 20px 0 40px; padding: 0;}
	#main #pacsp dt { margin: 0px 0px 20px 0px; padding: 5px 10px; color: #333; font-size: 15px; background: #EEE;}
	#main #pacsp dd { margin: 0px 10px 5px; padding: 5px 5px 5px 55px;}
	#main #pacsp dd strong { font-size: 20px; color: #090;}
	#main #pacsp dd#jp { background:url(img/f_japan.gif) 0 1px no-repeat;}
	#main #pacsp dd#us { background:url(img/f_usa.gif) 0 1px no-repeat;}
	#main #pacsp dd#tw { background:url(img/f_taiwan.gif) 0 1px no-repeat;}

/* conf */
	#main #fee { margin: 20px 10px; padding: 20px; border: #CCC double 3px; background: #FFE; text-align: center;}
	#main #fee strong { font-size: 30px;}
	#main #fee p {}
	#main table.tbl01 td { text-align: center;} 
	
/* Footer
-------------------------- */
/**/
#footer { margin: 0 auto; padding: 20px 0 0 0; height: 50px; font-size: 11px; color: #666; width: 825px; border-top: #CCC dotted 1px; clear: both;}
#footer a { font-size: 13px; color: #09C;}
#footer a:hover { text-decoration: none; color: #F00;}


/* ページ下部 */

#footer p#copy { margin: 0 auto; padding: 0px; text-align: right; width: 800px;}
#footer p#link { margin: 0 auto 10px; padding: 0px; text-align: left; width: 800px;}


#footer ul.nl{
	margin:1em 0;
	padding:0;
}
#footer ul.nl li{
	margin-left:0;
}
#footer ul.nl li{
	display:inline;
	padding-left:0.5em;
}
#footer ul.nl:before{
	content:"|"
}
#footer ul.nl li:after{
	content:"|";
	padding-left:0.5em;
}


/* 登録確認 */
#main #regi-ok { text-align: center;}
#main #regi-ok h3 { margin: 30px 0px 10px; padding: 5px 5px 5px 22px; font-size: 15px; color: #777; border: #CCC solid 1px; background: #EEE;}


/* PHYTTER TOP */


#ptop-con { margin: 0; padding: 0px 260px 0px 0px; height: 200px; background: url(img/Mobile_Communicat.jpg) right bottom no-repeat;}
#ptop-con ul { margin: 0; padding: 0;}
#ptop-con li { margin: 10px 0px 10px 10px; padding: 0px 0px 0px 15px; line-height: 150%; background:url(img/arrow01.gif) 0 4px no-repeat; list-style: none;}


/* 2007-10-22 */
.error{ color: #F00;}

/* pがliに変更されている */
ul.alert {}
ul.alert li { color: #F00;}

@media print {

	.nl,#side{ display:none; }

	#contents{ width:100% }
	
	#main{ margin:0; width:100%; }
}