/* ***********************************************/
/*	DATE		: 2008/11/14
	TITLE		: 株式会社ツクル_共通スタイル
	FILE_NAME	: common.css
	AUTHER		: Hiaa.S 			 */
/*************************************************/


/*=====各属性のスタイル===========================*/

body {
	font-family: "MS UI Gothic","Osaka","ＭＳ Ｐゴシック","arial","メイリオ", sans-serif;
	font-size: 0.75em;
	line-height: 140%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #333333;
	/*background-image:url(../images/bk_com_body.gif);*/
}

div, table, tr, th, td	{
	font-family : "MS UI Gothic","Osaka","ＭＳ Ｐゴシック","arial","メイリオ", sans-serif;
	font-size: 100%;
	line-height: 140%;
	color: #333333;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
}

h1, h2, h3, h4 {
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

p {
	margin: 0px;
	padding: 0px;
}
	
img	{
	border : 0px;
	padding:0px;
	margin:0px;
	vertical-align:bottom;
}
	
a	{
	color: #397DF3;
	text-decoration : underline;
	}
	
a:hover	{
	color : #999999;
	text-decoration : underline;
	}

address {
	color:#ffffff;
	font-style: normal;
	padding-right:10px;
}

.menu-li {
	line-height: 0px;
	margin:0px;
	padding:0px;
	text-align:left;
	display:inline;
}

.menu-ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ol {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

strong{
	padding-top:5px;
	color:#00A0C6;

}

.cate-li {
	margin:0px;
	padding-left:20px;
	text-align:left;
}

.cate-ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}


.midashi {
	padding-top:5px;
	text-align:left;
	background-image:url(../images/h2bar.gif);
	background-repeat:no-repeat;
	background-position:top left;
        width:550px;
        height:30px;
	color:#00A0C6;
	font-weight: bold;
	font-size:130%;
}

/*=====レイアウトのスタイル===========================*/

/*全体*/
#all {
	width:auto;
	background-image:url(../images/header_side.gif);
	background-repeat:repeat-x;
	background-position:left top;
}

/*ヘッダ部分*/
#header {
	width:830px;
	margin:0px auto;
	text-align:left;
	vertical-align:top;
}

#global-navi {
	float:right;
	margin:10px 5px 0px;
}

#global-navi p {
	display:inline;
}

#global-navi a {
	color:#333333;
	text-decoration:none;
}

#global-navi a:hover {
	color:#999999;
	text-decoration:underline;
}

#main-navi {
	clear:both;
	height:40px;
}


/*メイン部分*/

#contents-shadow {
/*	background-image:url(../images/bk_com_shadow.gif);
	background-position:top left;
	background-repeat:repeat-y;
*/
	width:830px;
	margin:0px auto;


}

#contents {
/*
	background-image:url(../images/bk_com_shadow_top.gif);
	background-position:top left;
	background-repeat:no-repeat;
*/
	/*padding:0px 20px;*/
        margin-top:10px;
}

#left-box {
	float:left;
	width:180px;
	text-align:left;
	vertical-align:top;
	margin-bottom:15px;
}

#right-box {
	float:right;
	width:640px;
	vertical-align:top;
/*        margin-right:15px;
	margin-bottom:15px;

	text-align:center;
*/
	margin-left:1px;
}

/*フッタ部分*/
#footer {
	clear:both;
	text-align:center;
	/*width:790px;*/
	margin:0px auto;
	padding-top:20px;
	width:auto;
	background-image:url(../images/footer.gif);
	background-repeat:repeat-x;
	background-position:left top;
	height:93px;
}

#footer-navi {
	background-image:url(../images/footer.gif);
	background-position:top left;
	background-repeat:repeat-y;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

#footer-navi p {
	display:inline;
}

#footer-navi a {
	color:#333333;
	text-decoration:none;
}

#footer-navi a:hover {
	color:#555555;
	text-decoration:underline;
}

#footer address {
	background-image:url();
	background-position:top left;
	background-repeat:repeat-x;
	width:790px;
	height:66px;
	text-align:center;
	padding:15px 0px 10px;
}

/*=====共通パーツのスタイル===========================*/

 .contact-box {
 	background-image:url(../common_image/bk_com_rightbox02.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:10px;
	margin-bottom:15px;
 }
 
 .contact-inner-box {
 	background-image:url(../images/bk_com_rightbox01.gif);
	background-position:bottom;
	background-repeat:repeat-y;
	text-align:left;
	padding:0px 10px;
 }
 
 .a-golink {
 	padding-left:15px;
	background-image:url(../common_image/ic_com_golink.gif);
	background-position:left middle;
	background-repeat:no-repeat;
 }
 
 .p-bunner {
 	padding-bottom:5px;
 }
 
 /*最終バナーに設置（下線スタイル）*/
 .hr-bunner {
 	padding-bottom:10px;
 	border-bottom:solid 1px #999999;
	margin-bottom:10px;
 }
 
 .bt-gotop {
 	padding-top:10px;
	text-align:right;
 }
 
 
.p-pankuzu {
	text-align:right;
	vertical-align:top;
}

.span-color {
	color:#FF7C31;
}
 

.tb-mail{

	width:570px;
}
 .com-th1 {
 	background-color:#41B8D4;
	text-align:left;
	padding:5px 10px;
	border-right:solid 1px #F0F0F0;
	border-bottom:solid 1px #F0F0F0;
	width:35%;
	vertical-align:top;
 }
 
  .com-th2 {
 	background-color:#4C5E14;
	color:#ffffff;
	text-align:left;
	padding:5px 10px;
	border-bottom:solid 1px #F0F0F0;
	vertical-align:top;
 }
 
 
  .com-td1 {
 	background-color:#DFEEEE;
	text-align:left;
	padding:5px 10px;
	border-bottom:solid 1px #F0F0F0;
	width:65%;
	vertical-align:top;
 }

.left-top{
	background-image:url(../images/side_top.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:23px;

}

.left-center{
	background-image:url(../images/side_center.gif);
	background-position:top left;
	background-repeat:repeat-y;

}

.left-bottom{
	background-image:url(../images/side_bottom.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:21px;

}

.body-top{
	background-image:url(../images/body_top.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:22px;
	width:617px;
	padding-left:15px;
	padding-right:0px;
}

.body-center{
	background-image:url(../images/body_center.gif);
	background-position:top left;
	background-repeat:repeat-y;
	text-align:left;
	width:617px;
	padding-left:15px;
	padding-right:0px;
}

.body-bottom{
	background-image:url(../images/body_bottom.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:21px;
	width:617px;
	padding-left:15px;
	padding-right:0px;
}


.body-inner
{
	width:570px;
}

.bt-mail {
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}

.mast{
 	padding-left:15px;
	background-image:url(../images/icon_must.gif);
	background-position:left middle;
	background-repeat:no-repeat;
}

.apli-list{
	background-color:#ffffff;
	width:560px;
}

.apli-title{
	padding-top:5px;
	padding-left:3px;
	padding-bottom:5px;
}

.apli-img{
	padding-left:10px;
	width:30%;
}

.apli-detail{
	width:70%;
	padding:10px;
}