@charset "utf-8";

/*
=================================================================================
left menu
=================================================================================
*/
#sub_contents #left_box{
	width: 220px;
	margin-right: 10px;
	padding-bottom: 10px;
	background: url(../images/gallery_left_bg.gif);
	background-repeat: repeat-y;
	float: left;
}

#sub_contents h2{
	margin-bottom: 20px;
}

#sub_contents #left_focus{
	background: url(../images/gallery_left_paper.gif);
	width: 220px;
	height: 500px;
}

#sub_contents #focus_inner{
	margin-left: 14px;
}

#sub_contents .catch{
	width: 190px;
	height: 30px;
	padding-top: 25px;
	margin-bottom: 10px;
}

#sub_contents .no_focus{
	margin-bottom: 10px;
}

#sub_contents .no_focus img{
	margin-bottom: 10px;
}

#sub_contents .no_focus ul{
	margin-left: 10px;
}

#sub_contents .no_focus li{
	background: url("http://j-grip.com/views/layouts/images/footer_icon.gif") no-repeat scroll 0 3px transparent;
	line-height: 18px;
	list-style: none outside none;
	padding: 0 0 0 15px;
}

#sub_contents .focus{
	margin-bottom: 10px;
}

#sub_contents .focus img{
	margin-bottom: 10px;
}

#sub_contents .focus ul{
	margin-left: 10px;
}

#sub_contents .focus li{
	background: url("http://j-grip.com/views/layouts/images/footer_icon.gif") no-repeat scroll 0 3px transparent;
	line-height: 18px;
	list-style: none outside none;
	padding: 0 0 0 15px;
}

/*
=================================================================================
index
=================================================================================
*/
#sub_contents #right_box{
	width: 680px;
	float: left;
}

#sub_contents #push	{
	width: 680px;
	margin: 50px 0;
}

#sub_contents #push .push_left	{
	width: 220px;
	margin-rigth: 10px;
	padding-left: 30px;
	float: left;
}

#sub_contents #push .push_right	{
	width: 420px;
	text-align: center;
	float: left;
}

#sub_contents #push .toregist_upper	{
	margin: 10px 0;
	color: #cc0000;
	font-weight: bold;
}

#sub_contents #push .toregist_lower	{
	margin-bottom: 10px;

}

#sub_contents .pagelink {
	text-align:center;
	width: 680px;
	background-color: #EEEEEE;
	margin-bottom: 20px;
	padding: 5px 0;
}

#sub_contents .pagelink table {
	margin: 0 auto;
}

#sub_contents .pagelink p {
	margin-right: 20px;
}

#sub_contents .pagelink ul {
	display:block;
}

#sub_contents .pagelink ul li {
	display:inline;
	margin-left: 5px;
}

#sub_contents .pagelink a {
	padding:1px 5px;
	border:#CCCCCC 1px solid;
	background-color:#FFFFFF;
	color:#222222;
}

#sub_contents .pagelink a:hover {
	border:#CCCCCC 1px solid;
	color:#FFFFFF;
	background-color:#7eae00;
	text-decoration:none;
}

#sub_contents .right_line {
	width: 680px;
	margin-bottom: 10px;
}

#sub_contents .right_tn {
	width: 220px;
	margin-right: 10px;
	float: left;
	text-align: center;
}

#sub_contents .right_tn_end {
	width: 220px;
	float: left;
	text-align: center;
	margin: 0 auto;
}

#sub_contents .right_line p.title {
	line-height: 120%;
}

#sub_contents .right_line p.gripo {
	font-size: 11px;
}

#sub_contents .right_line span.pink {
	color: #FF20FF;
	font-weight: bold;
}

#sub_contents .right_line span.red {
	color: #CC0000;
	font-size: 11px;
}

#sub_contents .right_line a:hover p {
	text-decoration: underline;
}

#sub_contents .right_line a:active p {
	text-decoration: underline;
}

/*
=================================================================================
download
=================================================================================
*/
#sub_contents #download_box{
	width: 680px;
	margin-bottom: 20px;
}

#sub_contents #download_upper{
	width: 600px;
	margin: 0 auto 20px;
}

#sub_contents #download_title{
	width: 600px;
	height: 30px;
	background: url(../images/download_title.gif);
	margin-bottom: 10px;
}

#sub_contents #download_title h3{
	padding-top: 5px;
	text-align: center;
	color: #c8ff1e;
	font-weight: bold;
}

#sub_contents #download_image{
	width: 600px;
	height: 338px;
}

#sub_contents #download_lower{
	width: 578px;
	border: #000000 1px solid;
	margin: 0 auto 20px;
	padding: 10px;
}

#sub_contents #explain{
	width: 578px;
	margin: 0 auto 20px;
	text-align: center;
}

#sub_contents #gripo_box{
	width: 578px;
	margin: 0 auto 20px;
}

#sub_contents #gripo_left{
	margin-bottom: 20px;
	float: left;
}

#sub_contents #gripo_left table{
	margin-left: 40px;
	font-size: 15px;
}

#sub_contents #gripo_left .mypoint_text{
	width: 210px;
	padding: 5px 15px 5px 5px;
	text-align: right;
}

#sub_contents #gripo_left .mypoint{
	width: 100px;
	text-align: right;
	vertical-align: middle;
	padding: 5px 40px 5px 0;
	color: #ff20ff;
	font-weight: bold;
	font-size: 21px;
}

#sub_contents #gripo_left .point_text{
	width: 210px;
	padding: 5px 15px 5px 5px;
	text-align: right;
}

#sub_contents #gripo_left .point{
	width: 100px;
	height: 70px;
	text-align: right;
	vertical-align: middle;
	padding-right: 40px;
	background: url(../../layouts/images/gripo_bg_b.gif) no-repeat 45px 0;
	color: #ff20ff;
	font-weight: bold;
	font-size: 21px;
}

#sub_contents #gripo_right{
	margin-top: 35px;
	margin-bottom: 20px;
	float: left;
	background: url(../../layouts/images/question_icon.gif);
	background-repeat: no-repeat;
}

#sub_contents #gripo_right p{
	padding-left: 20px;
	position: relative;
	bottom: 2px;
}

#sub_contents #gripo_box .confirm	{
	color: #cc0000;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

#sub_contents #gripo_box .error	{
	color: #cc0000;
	background-color: #ffcccc;
	font-weight: bold;
	margin: 10px 0 10px;
	padding: 10px;
}

#sub_contents #gripo_box .already	{
	padding: 10px;
	margin-bottom: 20px;
	font-size: 15px;
	color: #cc0000;
	background-color: #ffffcc;
	text-align: center;
}

#sub_contents #btn_left{
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}

#sub_contents #btn_right{
	float: left;
	margin-bottom: 15px;
}


#sub_contents #attention{
	width: 578px;
	margin: 0 auto ;
	font-size: 11px;
	line-height: 140%;
}

/*
#sub_contents #ok_box_1600,
#sub_contents #ok_box_1920,
#sub_contents #no_box_1600,
#sub_contents #no_box_1920	{
	display:none;
	margin: 0 auto;
	overflow:hidden;
}

.popup_box	{
	width: 400px;
	font-size: 15px;
	text-align: center;
}

.popup_box .title	{
	margin: 10px 0;
	font-weight: bold;
	color: #638200;
}

.popup_box .size	{
	margin-bottom: 10px;
}

.popup_box table{
	width: 350px;
	margin: 0 auto 10px;
}

.popup_box ul	{
	width: 300px;
	margin: 0 50px 10px 50px;
}

.popup_box ul li	{
	width: 100px;
	padding: 0 25px;
	float: left;
}

.popup_box .error	{
	color: #cc0000;
	background-color: #ffcccc;
	font-weight: bold;
	margin: 10px 0 10px;
	padding: 5px 0;
}
*/