@import url("layout.css");

/* CSS　Rule	-------------------------------------


	*	disply, float, visibility, position, margin 
	*	width, height, oveflow 
	*	border 
	*	padding 
	*	background 
	*	list-style 
	*	line-height 
	*	text 
	*	white-space 
	*	font 
	*	color 

				-------------------------------------
*/


/* ------------------------------------------------------------------------ */

/* share style

/* ------------------------------------------------------------------------ */

body {
    margin		: 5%;
    padding		: 0;
	font-style	: normal;
	font-family	: Verdana, sans-serif, "ＭＳ Ｐゴシック";
	font-weight	: normal;
	text-align	: center;
	font-size	: 100%;
	color		: #555;
}

h1,h2,h3,h4,h5,h6,
p,pre,blockquote,
ul,ol,dl,address{
    margin	: 0;
    padding	: 0;
}


div#wrap{
	margin		: 0 auto;
	width		: 820px;
	background	: url(../common_img/bg.gif) repeat-y;
	text-align	: center;
}

img 		{ border : 0;}
img.image	{ border : solid 1px #CCC;}

.flt_r { float : right; margin : 0 15px 10px;}
.flt_l { float : left; margin : 0 15px 10px;}

form input { height : 16px;}
form input#kakunin { height : 21px;}



/*
 text
----------------------------------------------------------- */

.txt10 { font-size : 10px !important;}


/*
 link
----------------------------------------------------------- */

a:link,
a:visited	{ text-decoration : underline; color : #3567FE; }
a:hover		{ text-decoration : none;}



/*
 ol,ul,li
----------------------------------------------------------- */

.list-style ,
.list-style li { margin : 0; padding : 0; list-style : none;}

.list-style { margin : 0 15px 8px; padding-top : 0px;}
.list-style li {
	display			: inline;
	margin-right	: 5px;
	background		: transparent url(../common_img/list_aicon02.gif) no-repeat left center;
	padding-left	: 14px;
	font-size		: 75%;
	line-height		: 20px;
}

.list-style2 ,
.list-style2 li { margin : 0; padding : 0; list-style : none;}

.list-style2 { margin : 0 15px 8px; padding-top : 0px;}
.list-style2 li {
	display			: inline;
	margin-right	: 5px;
	background		: transparent url(../common_img/list_aicon02.gif) no-repeat left center;
	padding-left	: 14px;
	font-size		: 75%;
	line-height		: 20px;
}

.list-style3 ,
.list-style3 li { margin : 0; padding : 0;}

.list-style3 { margin : 0 10px 10px 35px; padding-top : 0px;}
.list-style3 li {
	margin-right	: 5px;
	padding-left	: 0;
	font-size		: 75%;
	line-height		: 20px;
}

ol.ol_list-style,
ol.ol_list-style li { margin : 0; padding : 0;}
ol.ol_list-style	{ margin : 0 20px 15px 45px; padding-top : 0px;}
ol.ol_list-style li { 
	margin-right	: 5px;
	font-size		: 75%;
	line-height		: 20px;
}

ol.ol_list-style2,
ol.ol_list-style2 li { margin : 0; padding : 0;}
ol.ol_list-style2	{ margin : 0 0 15px 20px; padding-top : 0px;}
ol.ol_list-style2 li { 
	margin-right	: 5px;
	font-size		: 12px;
	line-height		: 20px;
}


/*
 other
----------------------------------------------------------- */

.mgn0	{ margin : 0 !important;}
.mgnb_0 { margin-bottom : 0 !important;}
.mgnb_5 { margin-bottom : 5px !important;}
.mgnr_5 { margin-right : 5px;}
.mgnl_5 { margin-left : 5px;}


/*
 other
----------------------------------------------------------- */

.tbl_center	{ margin:0 auto;}
.tbl_style	{
	margin			: 0 auto 15px;
	border			: 1px solid #CCC;
	border-collapse	: collapse;
	border-spacing	: 0;
	empty-cells		: show;

}

	.tbl_style th{
		border		: 1px solid #CCC;
		background	: #F2F2F2;
		padding		: 6px 8px;
		text-align	: center;
		font-size	: 75%;
	}

	.tbl_style td{
		border		: 1px solid #CCC;
		padding		: 6px 8px;
		line-height	: 1.4;
		font-size	: 70%;
	}
	
	td.td_col01 { background-color : #F9F9F9;}


.tbl_style2	{
	margin			: 0 auto 15px;
	border			: 1px solid #CCC;
	border-collapse	: collapse;
	border-spacing	: 0;
	empty-cells		: show;

}

	.tbl_style2 th{
		border		: 1px solid #CCC;
		background	: #F2F2F2;
		padding		: 6px 8px;
		text-align	: center;
		font-size	: 65%;
	}

	.tbl_style2 td{
		border		: 1px solid #CCC;
		padding		: 6px 8px;
		line-height	: 1.4;
		font-size	: 65%;
	}