/* CSS Document */

* {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    
    font-size: 100%;
	line-height: 100%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    text-decoration: none;
    line-height: 100%;
    
    
    color: #333;
}


body {
    font-size: 80%;
	background: #FFF;
	text-align: center;
}


a{
	text-decoration: underline;
}
/*テキストリンク*/
a:link, a:active {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #F60;
}

strong a:link{
	color: #F30;
}
strong a:visited {
	color: #F30;
}


img{
	font-size:0px;
	padding: 0px;
	margin: 0px;
	border:0px;
	line-height: 100%;
}

table th label{
	color: #333;

}


ul, ol, dl, dt, dd, li {
	list-style-type: none;
	list-style-position: inside;
	list-style:none outside;
	margin: 0px;
	padding: 0px;;
}
dt,dd,li{
	line-height: 130%;
}

table,td,th{
	line-height: 130%;
	letter-spacing: 0.2em;
}

h1,h2,h3,h4{
	margin: 0px;
	padding: 0px;
}
h4{
	font-size:120%;
}

h1 {
	padding:12px 0px 8px 5px;
}

p {
	line-height: 140%;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}



br{
	height:0px;
	padding:0px;
	margin:0px;
	line-height: 0px;
	font-size:0px;
	clear:both;
}

li.LastList:after {
	content: "."; 
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/*PAN KUZU--------------------*/
#idPan{
	background-color:#EBEBEB;
	font-size:10px;
	text-align:right;
	padding-right:15px;
	margin-top:1px;
}
#idPan p{
	line-height:1.3em;
	color:#666;
	font-size:10px;
}
#idPan strong{
	line-height:1.3em;
	color:#666;
	font-weight:normal;
	font-size:10px;
}
#idPan p a{
	font-size:10px;
	color:#666;
}



/*フロートクリアー*/
.Clear{
	clear:both;
}


/*---- ライト -----*/
.Right{
	text-align: right;
}

/*---- センター -----*/
.Center{
	text-align: center;
}





strong{
	font-size: 105%;
	color:#690;
}

em{
	font-size:80%;
	font-style: normal;
	color:#C30;
}

/*　ヘッダー　=============================================*/

#ID_Header{
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background: url(../image/back_main.jpg) repeat-x;
	background-position: 2px 0px;

	width: 769px;
}

#ID_Header #ID_Logo{
	float: left;
	height:32px;
	width:281px;
	margin:10px 0px;
}

#ID_Header #ID_Menber{
	padding-top:3px;
}

#ID_Header #ID_Menber li{

	float: right;
}
#ID_Header #ID_Menber #ID_Minutes a{
	width: 100px;
	height: 28px;
	display: block;
}

#ID_Header #ID_Menber #ID_Minutes{
	margin-right:5px;

	text-indent: -9999px;
	background: url(../image/botton_gizi_1.gif) no-repeat;
	width: 100px;
	height: 28px;
	display: block;
}

#ID_Header #ID_Menber #ID_Minutes2{
	margin-right:5px;
	text-indent: -9999px;
	background: url(../image/botton_gizi_2.gif) no-repeat;
	width: 100px;
	height: 28px;
	display: block;
}

#ID_Header #ID_Menber #ID_Minutes2 a{
	width: 100px;
	height: 28px;
	display: block;
}

#ID_Header #ID_Menber #ID_Update a{
	width: 100px;
	height: 28px;
	display: block;
}

#ID_Header #ID_Menber #ID_Update{
	margin-right:0px;
	text-indent: -9999px;
	background: url(../image/botton_update_1.gif) no-repeat;
	width: 100px;
	height: 28px;
	display: block;
}

#ID_Header #ID_Menber #ID_Update2{
	text-indent: -9999px;
	background: url(../image/botton_update_2.gif) no-repeat;
	width: 100px;
	height: 28px;
	display: block;
}

#ID_Header #ID_Font{
	height:28px;
	width:160px;
	float: right;
	margin-right:10px;
}

#ID_Header #ID_Font li{
	text-indent: -9999px;
	float: right;
	width:70px;
	height:28px;
	display: block;
	margin-right:5px;
}
#ID_Header #ID_Font li a{
	width:70px;
	height:28px;
	display: block;
}

#ID_Header #ID_Font #ID_FontUp{
	background: url(../image/font_up.gif) no-repeat;
}
#ID_Header #ID_Font #ID_FontDown{
	background: url(../image/font_down.gif) no-repeat;
}

#ID_Header a:hover,#ID_Header a:visited,#ID_Header a:link,#ID_Header a:active{
	text-decoration: none;
}


#ID_Header #ID_Menber #ID_Update2 a{
	width: 100px;
	height: 28px;
	display: block;
}

#ID_Header #ID_Menu{
	/*background: url(../image/menu_back.gif) repeat;*/
	height: 48px;
}


/*ホームボタン*/
#ID_Header #ID_Menu #ID_Menu_Home{
	background: url(../image/menubutton_home.jpg) no-repeat;
	display: block;
	height:48px;
	width:75px;
}

#ID_Header #ID_Menu #ID_Menu_Home a,#ID_Header #ID_Menu #ID_Menu_Home2 a{
	display: block;
	text-indent: -9999px;
	height:48px;
	width:75px;
}

#ID_Header #ID_Menu #ID_Menu_Home a:hover , #ID_Header #ID_Menu #ID_Menu_Home2{
	background: url(../image/menubutton_home2.jpg) no-repeat;
	display: block;
	height:48px;
	width:75px;
	text-indent: -9999px;
}

/*加入申込みボタン*/
#ID_Header #ID_Menu #ID_Menu_Joining{
	background: url(../image/menubutton_joining.jpg) no-repeat;
	display: block;
	height:48px;
	width:106px;
}

#ID_Header #ID_Menu #ID_Menu_Joining a,#ID_Header #ID_Menu #ID_Menu_Joining2 a{
	display: block;
	text-indent: -9999px;
	height:48px;
	width:106px;
}

#ID_Header #ID_Menu #ID_Menu_Joining a:hover , #ID_Header #ID_Menu #ID_Menu_Joining2{
	background: url(../image/menubutton_joining2.jpg) no-repeat;
	display: block;
	height:48px;
	width:106px;
	text-indent: -9999px;
}

/*事業案内ボタン*/
#ID_Header #ID_Menu #ID_Menu_Business{
	background: url(../image/menubutton_business.jpg) no-repeat;
	display: block;
	height:48px;
	width:87px;
}

#ID_Header #ID_Menu #ID_Menu_Business a,#ID_Header #ID_Menu #ID_Menu_Business2 a{
	display: block;
	text-indent: -9999px;
	height:48px;
	width:87px;
}

#ID_Header #ID_Menu #ID_Menu_Business a:hover , #ID_Header #ID_Menu #ID_Menu_Business2{
	background: url(../image/menubutton_business2.jpg) no-repeat;
	display: block;
	height:48px;
	width:87px;
	text-indent: -9999px;
}

/*受発注ボタン*/
#ID_Header #ID_Menu #ID_Menu_Work{
	background: url(../image/menubutton_work.jpg) no-repeat;
	display: block;
	height:48px;
	width:129px;
}

#ID_Header #ID_Menu #ID_Menu_Work a,#ID_Header #ID_Menu #ID_Menu_Work2 a{
	display: block;
	text-indent: -9999px;
	height:48px;
	width:129px;
}

#ID_Header #ID_Menu #ID_Menu_Work a:hover , #ID_Header #ID_Menu #ID_Menu_Work2{
	background: url(../image/menubutton_work2.jpg) no-repeat;
	display: block;
	height:48px;
	width:129px;
	text-indent: -9999px;
}

/*社長ブログボタン*/
#ID_Header #ID_Menu #ID_Menu_Blog{
	background: url(../image/menubutton_blog.jpg) no-repeat;
	display: block;
	height:48px;
	width:96px;
}

#ID_Header #ID_Menu #ID_Menu_Blog a,#ID_Header #ID_Menu #ID_Menu_Blog2 a{
	display: block;
	text-indent: -9999px;
	height:48px;
	width:96px;
}

#ID_Header #ID_Menu #ID_Menu_Blog a:hover , #ID_Header #ID_Menu #ID_Menu_Blog2{
	background: url(../image/menubutton_blog2.jpg) no-repeat;
	display: block;
	height:48px;
	width:96px;
	text-indent: -9999px;
}

/*社長ブログボタン*/
#ID_Header #ID_Menu #ID_Menu_Introduction{
	background: url(../image/menubutton_introduction.jpg) no-repeat;
	display: block;
	height:48px;
	width:166px;
}

#ID_Header #ID_Menu #ID_Menu_Introduction a,#ID_Header #ID_Menu #ID_Menu_Introduction2 a{
	display: block;
	text-indent: -9999px;
	height:48px;
	width:166px;
}

#ID_Header #ID_Menu #ID_Menu_Introduction a:hover , #ID_Header #ID_Menu #ID_Menu_Introduction2{
	background: url(../image/menubutton_introduction2.jpg) no-repeat;
	display: block;
	height:48px;
	width:166px;
	text-indent: -9999px;
}

/*組合員・賛助会員ブログボタン*/
#ID_Header #ID_Menu #ID_Menu_Inquiry{
	background: url(../image/menubutton_inquiry.jpg) no-repeat;
	display: block;
	height:48px;
	width:110px;
}

#ID_Header #ID_Menu #ID_Menu_Inquiry a,#ID_Header #ID_Menu #ID_Menu_Inquiry2 a{
	display: block;
	text-indent: -9999px;
	height:48px;
	width:110px;
}

#ID_Header #ID_Menu #ID_Menu_Inquiry a:hover , #ID_Header #ID_Menu #ID_Menu_Inquiry2{
	background: url(../image/menubutton_inquiry2.jpg) no-repeat;
	display: block;
	height:48px;
	width:110px;
	text-indent: -9999px;
}

#ID_Header #ID_Menu li{
	float: left;
}

/*　メインボディー　=============================================*/

#ID_Body {
	margin-top:5px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 769px;
}




.Mainbody{
	margin-top:10px;
	margin-bottom:20px;
	margin-right: auto;
	margin-left: auto;
	
	padding-bottom:20px;
	
	text-align: left;
	width: 730px;
	border-bottom: dashed 1px #ccc;
}


.Mainbody p , .Mainbody table,.Mainbody caption ,.Mainbody dl,.Mainbody h4 ,.Mainbody form{
	margin-left:10px;
	margin-right:5px;
}


.Mainbody h2{
	/*display:block;
	border-left: solid 4px #F90;
	color: #F60;
	font-size: 130%;
	padding:2px 10px 2px 10px;
	margin: 20px 0px 5px 0px;
	*/

	font-size: 135%;
	width: 730px;
	text-align: center;
	padding-top:30px;
	padding-bottom:50px;
	margin-top:20px;
	color: #F60;
	background: url(../image/h2back.jpg) no-repeat;

}






/*---- 光ネットワークからのお知らせ情報 -----*/
.ID_Info{
	margin: 7px 0;
	padding-bottom: 15px;
}


.ID_Info dt{
	clear: left;
	padding-left: 100px;
	padding-right: 10px;
	float: left;
	padding-bottom: 3px;
}

 .ID_Info dd{
	margin-bottom: 8px;
	padding-bottom: 3px;
	border-bottom: solid 1px #aaa;
	margin-right: 10px;
}

.ID_Info dd a{
	text-decoration: none;
}

.ID_Info .I_info{
	background: url(../index/image/info_info.gif) no-repeat;
}
.ID_Info .I_info_m{
	background: url(../index/image/info_info_m.gif) no-repeat;
}

.ID_Info .I_Rizi{
	background: url(../index/image/info_rizi.gif) no-repeat;
}
.ID_Info .I_Reikai{
	background: url(../index/image/info_teirei.gif) no-repeat;
}
.ID_Info .I_Sienkudasai{
	background: url(../index/image/info_sien.gif) no-repeat;
}
.ID_Info .I_Siendekimasu{
	background: url(../index/image/info_sien2.gif) no-repeat;
}

/*---- 最新情報 -----*/
.ID_Info a:link{
	line-height: 130%;
	font-weight: bold;
	
	
}

/*---- メインボディのテーブル -----*/
.Mainbody table caption , .Mainbody .C_Table h3{
	border: solid 1px #ccc;
	border-bottom: solid 4px #F90;

	font-weight:bold;
	color: #666;
	background: url(../image/table_back.jpg) repeat-x;
	background-color: #F0F0F0;
	
	text-align: left;
	
	padding: 4px 5px 5px 10px;
	
}


.Mainbody table{
	margin-bottom:10px;
	border-collapse: collapse;
	margin-top:5px;
	border-bottom:solid 1px #999;
	border-right:solid 1px #999;
	width: 705px;}

.Mainbody table .Hisu{
	background: url(../image/hisu.gif) no-repeat;
	background-position: 3px 3px;
	background-color:#F2F2F2;
}

.Mainbody table th{
	text-align: right;
	color: #333333;
	padding: 5px 10px 5px 40px;
	width:35%;
	background-color:#F2F2F2;
	border-left:solid 1px #999;
	border-top:solid 1px #999;
	white-space: nowrap;
}



.Mainbody table td{
	padding: 5px 10px;
	border-left:solid 1px #999;
	border-top:solid 1px #999;
}

.Mainbody table input , .Mainbody table select,.Mainbody table textarea{
	background-color: #FFF;
	border: solid 1px #ccc;
	padding:0px;
	font-size:110%;
}

.Mainbody .Submit{
	border:solid 2px #F60;
	background-color: #F2F2F2;
	padding:3px 15px;
	background-image:url(../image/point.gif);
	background-repeat:no-repeat;
	background-position:5px 8px;
}



/*　入力エラー　*/

.Mainbody .Era{
	border: solid 1px #C30;
	background-color: #FED;
	padding: 8px;
	margin:5px 0;
	color: #C30;
	font-size: 110%;
	font-weight:bold;
}


.Mainbody .errcolor{
	background-color:#FFF0EF;
	color:#993300;
	background-image: url(../image/ico_point.gif);
	background-repeat: no-repeat;
	background-position:3px 3px;
	padding:0.2em 1.5em;
	margin-left:0px;
	margin-bottom:0.2em;
	font-size:80%;
}

/*　サブトップ　=============================================*/

#ID_Subtop {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 769px;
	background: url(../image/title_back.jpg) repeat-x;
}

#ID_Subtop h2{
	text-indent: -9999px;
	height:45px;
}

/*　サブメニュー　=============================================*/

#ID_Subtop div{
	padding-top: 35px;
	padding-bottom: 20px;
}

#ID_Subtop ul{
	border-color: #ccc;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	width: 210px;
	margin-top:20px;
}


#ID_Subtop ul li{
	border-color: #ccc; 
	border-style: solid; 
	border-width: 1px 0px 0px 1px;
	text-indent:30px;
	height: 25px;
	width: 209px;
	display:block;
	background: url(../image/menu_point1.jpg) repeat-y;
}

#ID_Subtop ul li a{
	text-decoration: none;
	display:block;
	height: 25px;
	width: 209px;
	padding-top:5px;

}

#ID_Subtop ul li .Up{
	display:block;
	height: 25px;
	width: 209px;
	background: url(../image/menu_point2.jpg) repeat-y;
	color: #FFF;
}



/*　下メニュー　=============================================*/
#ID_Bottomlink{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 730px;
	background-color: #F7F7F7;
}

#ID_Bottomlink h3 , #ID_Bottomlink ul li{
	float: left;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
}


/*　フッダー　=============================================*/
#ID_Footer {
	margin-top:10px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 775px;
	text-align: center;
	padding-bottom: 10px;
	
	font-size:95%;
}

#ID_Footer a{
	text-decoration:none;
}
#ID_Footer #ID_Footer_Menu{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
	margin-top:5px;
}

#ID_Footer #ID_Footer_Menu li {
	float: left;
	margin-right: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	padding-right: 5px;
}

#ID_Footer #ID_Footer_Menu li a{
	font-size:10px;
}

#ID_Footer #ID_Footer_home {
	background-image: url(../image/bottom_home.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 29px;
	width: 476px;
	float:left;
}
#ID_Footer #ID_Footer_home a{
	height: 29px;
	width: 476px;
	display:block;
}

#ID_Footer #ID_Footer_pagetop {
	background-image: url(../image/bottom_pageup.gif);
	text-indent: -9999px;
	float: left;
	height: 29px;
	width: 293px;
}
#ID_Footer #ID_Footer_pagetop a{
	display: block;
	height: 29px;
	width: 293px;
}

#ID_Footer #ID_Copy{
	text-align:right;
}
#ID_Footer #ID_Copy a{
	font-size:75%;
}