@charset "Shift_JIS";



/*======================================================================================================================
========================================================================================================================

index.css

�C���f�b�N�X�y�[�W��p�X�^�C��

========================================================================================================================
======================================================================================================================*/



/* ���ዾ�^�C�g���w��
-------------------------------------------------------------------------------------------------------- */

.ttl_loupe,
.ttl_loupe_red {
	margin:        0px;
	padding:       10px 10px 10px 35px;
	font-size:     100%;
	line-height:   100%;   
}
.ttl_loupe {
	background:    url(../screening/img/img_kind_screening01.gif) left center no-repeat;  
}
.ttl_loupe_red {
	background:    url(../screening/img/img_kind_screening02.gif) left center no-repeat;   
}





/* �h�b�g�{�b�N�X�w��
-------------------------------------------------------------------------------------------------------- */

/* �h�b�g�{�b�N�X */
.box_dotted_top {
	height:        5px;
	background:    url(../screening/img/bg_dotbox_top.gif) left top no-repeat;
}
.box_dotted {
	padding:       7px 15px 15px 15px;
	background:    url(../screening/img/bg_dotbox.gif) left top repeat-y;
}
.box_dotted_bottom {
	height:        5px;
	background:    url(../screening/img/bg_dotbox_bottom.gif) left top no-repeat;
}

/* �O���[�p�ۃ{�b�N�X */
.box_dotted .box_inner_top {
	height:        10px;
	background:    url(../screening/img/bg_graybox_top.gif) left top no-repeat;
}
.box_dotted .box_inner {
	padding:       0px 10px;
	background:    #EEEEEE;
}
.box_dotted .box_inner_bottom {
	height:        10px;
	background:    url(../screening/img/bg_graybox_bottom.gif) left top no-repeat;
}
.box_dotted .ttl {
	padding:       5px;
	background:    #666666;
	color:         #FFFFFF;
	font-weight:   bold;
	text-align:    center;
}

.hover img{
	opacity:1;
}
.hover:hover img{
	opacity:.7;
}

/* レスポンシブ対応
-------------------------------------------------------------------------------------------------------- */
#main{
	max-width: 100%;
}