@charset "utf-8";


/***********************************************/
/* hikidas styles                             */
/***********************************************/

body {
/*	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;*/
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  margin:0px auto;
  padding:0px;
	background-color:#ffffff;
	text-align:left;
	font-size: 10pt; /* モダンブラウザ向け ptで指定 */
	line-height:150%;
}

table {
font-size: 10pt; /* モダンブラウザ向け ptで指定 */
	line-height:160%;
	}

#bd_bgcolor{
background:#dddddd;
}

/*mac win safari3*/
 body:first-of-type {
 font-size: 85%;
} 
table:first-of-type{
font-size: 85%;
	}


/* for Windows IE */
@media screen {
    * html body {
        font-size: 80%;
    }
		* html table {
/*font-size: 80%;*/
	}
}

div:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

a{
	outline:none;
	color:#330099;
	text-decoration:underline;
	}
	
a:hover{
	color:#666666;
	text-decoration:underline;
	}
	
	
	/********************************************/
#box_all{
margin:0px;
padding:0px;
width:100%;
background-image:url(../images/common/hikidas-bk.gif);
	background-repeat:repeat-x;
	}
#box_logo {
	float:left;
	width:240px;
	margin:0px;
	padding:0px;
}
#box_01{
	float:left;
	width:68%;
	margin:0px;
	padding:0px;
	text-align: left;
}

#box_01 h1{
margin:50px 0px 20px 0px;
padding:0px;
color:#666666;
font-weight:bold;
font-size:160%;
}
#box_100 {
	background-color:#FFFFFF;
	position: static;
	width: 100%;
	padding: 0;
}

#box_main {
	background-color:#FFFFFF;
	width: 550px;
	padding: 0;
}

/* works */

#works_f{
width:500px;
margin:0px 0px 20px 0px;
padding:0px;
}
#works_vis{
	float:left;
	width: 190px;
	padding: 0;
	left: 0px;
	text-align: left;
}

#works_txt{
float:left;
	margin:0px 0px 0px 10px;
	padding:0px;
	width: 300px;	
	text-align: left;
}

	
/********************************************/
/*top*/

#links ul.list_bs li{
background:url(../images/icon_link.gif) no-repeat 0px 0%;
margin:10px 0px 5px;
}


/***********************************************/
/*  company    */

#company_flm{
width:550px;
 background-color:#eeeeee;
}

#company_flm .line{
margin:0px;
padding:5px;
border-bottom-color:#999999;
border-bottom-style:dotted;
border-bottom-width:1px;
}

#company_flm .l{
width:80px;
padding-right:5px;
float:left;
text-align:left;
color:#666666;
}

#company_flm .r{
float:left; text-align:left;
}


/********************************************/
div.footer_bnr{
	margin:20px 0px 10px 0px;
	padding:0px;
}
div.footer_bnr img{
	margin:0px 0px 0px 10px;
	padding:0px;
}

#footer{
	border-top: 2px solid #ccccff;
	padding: 10px 0px 0px 10px;
	color: #333333;
	font-size: 10px;
	text-align: left;
}


/********************************************/
/*menu*/

.menu a:hover{
display:block;
padding:5px;
margin:0;
color: #eeeeee;
text-decoration: underline;
background-color:#333399;
}

.menu a:link{
display:block;
padding:5px;
margin:0;
	text-decoration: none;
}

.menu a:visited{
display:block;
padding:5px;
margin:0;
	text-decoration: none;
}



/********************************************/
.frm_dot{
	width:100%;
	border:dotted;
	border-width:1px 1px 1px 1px;
}

.frm_pad_10{
	padding:10px;
	width:100%;
	text-align:left;
}

.m_12{
font-size:12px;
text-align:left;
padding:5px;
background-color:#CCCCCC;
}

/***********************************************/
/*  text    */

.atn{
font-size: 12px;
line-height:1.3em;
color: #cc0000; 
}

.date {
	font-size:10px;
	margin-top:8px;
	line-height: 1.4em;
	font-family: verdana, arial;
	color: #FF6600;
}

.top_m {
	display: block;
	padding: 0px 0px 10px 0px;
	font-size: 14px;
	font-weight: bold;
	width:80%;
}

.top_t {
	display: block;
	padding: 0px 0px 10px 0px;
	font-size: 12px;
	line-height:1.4em;
	width:80%;
}

	.m_01 {
	font-size: 12px;
	padding:10px;
		background-color:#CCCCFF
}

	.t_12_140 {
	font-size: 12px;
	line-height:1.4em;
}

	.t_12_160 {
	font-size: 12px;
	line-height:1.6em;
}

	.t_menu {
	font-size: 10px;
	line-height:1em;
}

.menu { font-size:10px;line-height:100% }

.title { font-size: 16px; line-height: 140%; font-weight: bold; padding-top: 0px}
.titlesub { font-size: 14px; line-height: 140%; font-weight: bold; padding-top: 0px }

.bt1 {  
background-color: #FFCC00;
 border-width: 0px
	}
	
.bt-submit-yes { 
background-color: #FFCC00; 
border-width: 2px
}

.bt-submit-no {
 background-color: #EEEEEE;
	 border-width: 2px
		}



/********************************************************************
 リストの修飾
*********************************************************************/

/*.list_bs{
line-height:120%;
margin:0px 0px 15px 0px;
padding:0px;
}*/

ul.list_bs{
margin:0px;
padding:0px;
list-style:none;
}
ul.list_bs li{
padding:0px 0px 0px 15px;
background:url(../images/icon_link.gif) no-repeat 0px 0%;
margin:3px 0px 5px;
}
ul.list_bs li a{
font-weight:normal;
}



/*************************************************************************
floatの解消
**************************************************************************/

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

/********************************************************************
 共通エレメント
*********************************************************************/
.l{
float:left;
}
.r{
float:right;
}
.t_atn{
color:#CC0000;
}

#pgtp{
margin:10px 0px 0px 0px;
text-align:right;
}


/********************************************************************
 共通マージンタイプ
*********************************************************************/

div.mgb0{margin-bottom:0 !important;}
div.mgb5{margin-bottom:5px !important;}
div.mgb10{margin-bottom:10px !important;}
div.mgb15{margin-bottom:15px !important;}
div.mgb20{margin-bottom:20px !important;}
div.mgb30{margin-bottom:30px !important;}

div.mgt0{margin-top:0 !important;}
div.mgt5{margin-top:5px !important;}
div.mgt10{margin-top:10px !important;}
div.mgt15{margin-top:15px !important;}
div.mgt20{margin-top:20px !important;}
div.mgt30{margin-top:30px !important;}

div.mgl0{margin-left:0 !important;}
div.mgl5{margin-left:5px !important;}
div.mgl10{margin-left:10px !important;}
div.mgl15{margin-left:15px !important;}
div.mgl20{margin-left:20px !important;}
div.mgl30{margin-left:30px !important;}

div.mgr0{margin-right:0 !important;}
div.mgr5{margin-right:5px !important;}
div.mgr10{margin-right:10px !important;}
div.mgr15{margin-right:15px !important;}
div.mgr20{margin-right:20px !important;}
div.mgr30{margin-right:30px !important;}

div.mgn0{margin:0 !important;}

div.pdt0{padding-top:0 !important;}
div.pdt5{padding-top:5px !important;}
div.pdt10{padding-top:10px !important;}
div.pdt15{padding-top:15px !important;}
div.pdt20{padding-top:20px !important;}
div.pdt30{padding-top:30px !important;}

div.pdb0{padding-bottom:0 !important;}
div.pdb5{padding-bottom:5px !important;}
div.pdb10{padding-bottom:10px !important;}
div.pdb15{padding-bottom:15px !important;}
div.pdb20{padding-bottom:20px !important;}
div.pdb30{padding-bottom:30px !important;}

div.pdl0{padding-left:0 !important;}
div.pdl5{padding-left:5px !important;}
div.pdl10{padding-left:10px !important;}
div.pdl15{padding-left:15px !important;}
div.pdl20{padding-left:20px !important;}
div.pdl30{padding-left:30px !important;}


div.pdr0{padding-right:0 !important;}
div.pdr5{padding-right:5px !important;}
div.pdr10{padding-right:10px !important;}
div.pdr15{padding-right:15px !important;}
div.pdr20{padding-right:20px !important;}
div.pdr30{padding-right:30px !important;}

div.pad0{padding:0 !important;}


/********************************************************************
 共通フロート、クリアタイプ
*********************************************************************/
div.clearBoth{clear:both;}
div.floatLeft{float:left;}
div.floatRight{float:right;}
div.alignLeft{text-align:left;}
div.alignRight{text-align:right;}