@charset "utf-8";


/* 設置後不要コード */
#vm_center{
	width:1000px;
	margin:0 auto;
}
#vm_header{
	width:1000px;
	height:200px;
	background-color:#ccc;
	margin:0 auto 50px auto;
}
#vm_left{
	width:250px;
	height:500px;
	background-color:#ccc;
	float:left;
}
#vm_right{
	width:700px;
	float:right;
}
/* 設置後不要コード */




/* common */
body .vm_clear_fix{ height:100%; }
body .vm_clear_fix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
body #vm_column_index{
	width:100%;
	margin:0 auto;
}

/* space */
.vm_no_margin{ margin:0px !important; }
.vm_no_padding{ padding:0px !important; }
.vm_no_background{ background:none !important; }
.vm_margin_l_10{ margin-left:10px !important; }
.vm_margin_l_15{ margin-left:15px !important; }
.vm_margin_l_25{ margin-left:25px !important; }
.vm_margin_t_10{ margin-top:10px !important; }
.vm_margin_t_15{ margin-top:15px !important; }
.vm_margin_t_20{ margin-top:20px !important; }
.vm_margin_t_25{ margin-top:25px !important; }
.vm_margin_t_30{ margin-top:30px !important; }
.vm_margin_b_20{ margin-bottom:20px !important; }
.vm_margin_b_30{ margin-bottom:30px !important; }
.vm_margin_b_50{ margin-bottom:50px !important; }
.vm_padding_t_10{ padding-top:10px !important; }
.vm_padding_t_20{ padding-top:20px !important; }
.vm_padding_r_10{ padding-right:10px !important; }
.vm_padding_l_10{ padding-left:10px !important; }





/************************************** 【column index】 */
body #column_2 .vm_index{
	width:100%;
	background-color:#fff7dd;
	border:solid 1px #ffe89d;
}
/* 内容によりwidthの微調整が必要 */
body #column_2 .vm_index .in{
	width:93%;/* 変更箇所 */
	padding:20px;
}
body #column_2 .vm_index .in_left{
	width:118px;
	height:118px;
	float:left;
	position:relative;
	margin:-1px;
	border:solid 1px #dedddd;
}
body #column_2 .vm_index .in_left img{
	clip:rect(1px,117px,117px,1px);
	position:absolute;
	top:0;
	left:0;
}
/* 内容によりwidthの微調整が必要 */
body #column_2 .vm_index .in_right{
	width:78%;/* 変更箇所 */
	float:right;
}
body #column_2 .vm_index .in .ttl_02{
	margin:0 0 15px 0;
	padding:10px 0 10px 22px;
	text-indent:-22px;
	line-height:130%;
	font-size:14px;
	color:#fff;
	text-align:left;
}
body #column_2 .vm_index .in .ttl_02 span{
	background:url("../img/arrow_01.png") left top no-repeat;
	padding:0 0 2px 22px;
	margin:0 0 0 20px;
}
/************************************** 【column index】 */








/************************************** 【theme index】 */
body #vm_column_index .ttl_01{

	font-size:28px;

	margin:0 0 20px 0;
	text-align:left;

}
body #vm_column_index .txt_01{
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	line-height:180%;
	padding:0 15px 0 0px;
	margin:0 0 50px 0;
    font-size: 15px;

}

body #vm_column_index .txt_01 img.ctr{
	display:block;
	margin:8px auto;
}

body #vm_column_index .ttl_sub{
	font-size:20px;
	line-height:150%;
	display:block;
	color:#b2aed3;
	margin:30px 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:solid 1px #B6BCE4;
     font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}
body #column_2{
	margin:0 0 50px 0;
}
body #column_2 .center{
	margin:25px auto 0 auto;
}
body #column_2 .left{
	width:49%;
	float:left;
	background-color:#EFEFEF;
	
}
body #column_2 .right{
	width:49%;
	float:right;
	background-color:#EFEFEF;

	
}




/* 内容によりwidthの微調整が必要 */
body #column_2 .in{
	
	padding:15px;
}




body #column_2 .in_left{
	width:118px;
	height:118px;
	float:left;
	position:relative;
	margin:-1px;
	border:solid 1px #dedddd;
}
body #column_2 .in_left img{
	clip:rect(1px,117px,117px,1px);
	position:absolute;
	top:0;
	left:0;
}




/* 内容によりwidthの微調整が必要 */
body #column_2 .in_right{
    padding-left: 20px;
	float:left;
    width: 370px;
    margin-top: -5px;
}





body #column_2 .in .ttl_02_bg{
	background-color:#b2aed3;
}
body #column_2 .in .ttl_02{
	margin:0 0 15px 0;
	padding:10px 15px;
    letter-spacing: 0;
	
	line-height:150%;
	font-size:16px;
	color:#fff;
	text-align:left;
}

body #column_2 .in .ttl_02 a:link		{ color:#fff; text-decoration:none; }
body #column_2 .in .ttl_02 a:visited	{ color:#fff; text-decoration:none; }
body #column_2 .in .ttl_02 a:hover		{ color:#fff; text-decoration:underline; }
body #column_2 .in .ttl_02 a:active		{ text-decoration:none; }

body #column_2 .in .ttl_02 span{
	
}
body #column_2 .in_right p{
	margin:3px 0 0 0;
	padding:0;
	line-height:170%;
	font-size:13px;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
body #column_2 .in_right .more a{
	font-weight:bold;
}
body #column_2 .in_right p a:link		{ color:#df3553; text-decoration:none; }
body #column_2 .in_right p a:visited		{ color:#df3553; text-decoration:none; }
body #column_2 .in_right p a:hover		{ color:#df3553; text-decoration:underline; }
body #column_2 .in_right p a:active		{ text-decoration:none; }
/************************************** 【theme index】 */





/************************************** 【theme01 ～ xx】 */
body #vm_pagelink{
	padding:30px ;
	border:solid 2px #B6BCE4;
       background-color: #f0eff6;
    color: #4d4773;
	margin-top:30px;
    margin-bottom: 75px;
}
body #vm_pagelink ul{
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:150%;
	font-size:13px;
}
body #vm_pagelink ul li{
	margin:0 0 0 0;
	padding:8px 0 8px 22px;
	text-indent:-22px;
	border-bottom:1px #B6BCE4 dotted;
}
body #vm_pagelink ul li a:link		{ color: #4d4773; text-decoration:none; }
body #vm_pagelink ul li a:visited	{ color: #4d4773; text-decoration:none; }
body #vm_pagelink ul li a:hover		{ color: #4d4773; text-decoration:underline; }
body #vm_pagelink ul li a:active	{ text-decoration:none; }


body #vm_pagelink ul li span{
	background:url("../img/arrow_01.png") left top no-repeat;
	padding:0 0 2px 22px;
}


p.txt_01 img.fl{
	float:left;
	margin-right:12px;
}

.ctr{
	margin:20px auto;
	display:block;
}

@media screen and (max-width:767px) {

    
 body #vm_column_index .ttl_01{

	font-size:22px;
     line-height: 150%;

	margin:0 0 15px 0;
	text-align:left;

}
body #vm_column_index .txt_01{

	line-height:180%;
	padding:0;
	margin:0 0 40px 0;
    font-size: 14px;

}

body #vm_column_index .txt_01 img.ctr{
	display:block;
	margin:8px auto;
}

body #vm_column_index .ttl_sub{
	font-size:16px;
	line-height:150%;
	
	margin:30px 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:solid 1px #B6BCE4;
}
body #column_2{
	margin:0 0 50px 0;
    display: block;
     width: 100%;
}
body #column_2 .center{
	margin:20px auto 0 auto;
    width: 100%;
}
body #column_2 .left{
	width:100%;
	float:none;
	background-color:#EFEFEF;
    margin-bottom: 20px;
	
}
body #column_2 .right{
	width:100%;
	float:none;
	background-color:#EFEFEF;

	
}




/* 内容によりwidthの微調整が必要 */
body #column_2 .in{

	padding:10px;
}




body #column_2 .in_left{
	width:100px;
	height:100px;
	float:left;
	position:relative;
	margin:-1px;
	border:solid 1px #dedddd;
}
body #column_2 .in_left img{

	position:absolute;
	top:0;
	left:0;
}




/* 内容によりwidthの微調整が必要 */
body #column_2 .in_right{
	width:60%;/* 変更箇所 */
    padding-left: 15px;

}





body #column_2 .in .ttl_02_bg{
	background-color:#b2aed3;
}
body #column_2 .in .ttl_02{
	margin:0 0 15px 0;
	padding:8px 12px;
    letter-spacing: 0;
	
	line-height:150%;
	font-size:15px;
	color:#fff;
	text-align:left;
}

body #column_2 .in .ttl_02 a:link		{ color:#fff; text-decoration:none; }
body #column_2 .in .ttl_02 a:visited	{ color:#fff; text-decoration:none; }
body #column_2 .in .ttl_02 a:hover		{ color:#fff; text-decoration:underline; }
body #column_2 .in .ttl_02 a:active		{ text-decoration:none; }

body #column_2 .in .ttl_02 span{
	
}
body #column_2 .in_right p{
	margin:3px 0 0 0;
	padding:0;
	line-height:170%;
	font-size:12px;
   
}
body #column_2 .in_right .more a{
	font-weight:bold;
}
body #column_2 .in_right p a:link		{ color:#df3553; text-decoration:none; }
body #column_2 .in_right p a:visited		{ color:#df3553; text-decoration:none; }
body #column_2 .in_right p a:hover		{ color:#000000; text-decoration:underline; }
body #column_2 .in_right p a:active		{ text-decoration:none; }
/************************************** 【theme index】 */





/************************************** 【theme01 ～ xx】 */
body #vm_pagelink{
	padding:15px;

	margin-top:30px;
    margin-bottom: 60px;
}
body #vm_pagelink ul{
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:150%;
	font-size:12px;
}
body #vm_pagelink ul li{
	margin:0 0 0 0;
	padding:8px 0 8px 0px;
	text-indent:0px;
	border-bottom:1px #B6BCE4 dotted;
}



body #vm_pagelink ul li span{
	background:url("../img/arrow_01.png") left top no-repeat;
	padding:0 0 2px 22px;
}


p.txt_01 img.fl{
	float:left;
	margin-right:12px;
}

.ctr{
	margin:20px auto;
	display:block;
}
    
    
    
    
}