@charset "UTF-8";

/*
======== context ======================================

Last Updated:YYMMDD
Summary:各要素に跨って共有するlayout設定

* contents area内で適用

- align
- float
- margin
=======================================================
*/


/*-----------------------------------------------------
common
-------------------------------------------------------*/

#contentsArea ul,
#contentsArea ol,
#contentsArea dl{
	margin:1em 0;
}

#contentsArea ul li ul{
	margin:.5em 0;
}

#contentsArea p{
	margin:1em 0;
	line-height: 1.7em;
}

#mainContents p img {
    padding-left: 5px;
    padding-right: 5px;
	_padding-top: 3px;
	_padding-bottom: 3px;
    vertical-align: middle;
}

/*-----------------------------------------------------
align
-------------------------------------------------------*/

.txtRight{
	text-align:right;
}

.txtLeft{
	text-align:left;
}

.txtCenter{
	text-align:center;
}

.layoutLeft{
	float:left;
	padding: 0 15px 15px 0;
}

.layoutCenter{
	text-align:center;
}

.layoutRight{
	float:right;
	padding: 0 0 15px 15px;
}

.blockCenter {
	margin-left: auto !important;
	margin-right: auto !important;
}

.blockRight {
	margin-left: auto !important;
	margin-right: 0 !important;
}

ul.blockCenter,
ul.blockRight,
dl.blockCenter,
dl.blockRight {
	display: table !important;
}

/*-----------------------------------------------------
float
-------------------------------------------------------*/
.clear {
	clear : both;
	margin : 0;
	padding : 0;
}

.floatL {
	float : left;
	margin: 0 20px 15px 0 !important;
}

.floatR {
	float : right;
	margin: 0 0 15px 20px !important;
}

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

#mainContents hr{
	margin: 30px 0;
}