@charset "EUC-JP";


/* -----------------------------------------------------------
CSS Information

File name:      clip.css
Created:        2010-07-09
Last update:    2010-07-21 by Noguchi
Style Info:     clipÇÛ²¼
----------------------------------------------------------- */

/* -----------------------------------------------------------
Table of Contents

__cmn
__clip
__howto

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

/* 
__cmn
----------------------------------------------------------*/

.clip .lead {
	position: relative;
	margin: 22px 22px 25px;
	zoom: 1;
}

.clip .lead h2 {
	border-bottom: 3px solid #2c67a5;
	font-size: 1.7em;
}

.clip .lead .txt {
	margin: 20px 20px 0;
}


/* 
__clip
----------------------------------------------------------*/

.clip .login_area {
	position: relative;
	padding: 15px 10px 35px;
	background: url(https://cdn.4travel.jp/img/general/4travel/cmn/frame/bg_separate_contents.gif) no-repeat left bottom;
	font-weight: bold;
	text-align: center;
	zoom: 1;
}
.clip .login_area a.regist {
	position: absolute;
	right: 10px;
	bottom: 33px;
}

.clip .login_area img {
	padding: 0 10px;
	vertical-align: middle;
}

.clip .lead .clip_help {
	position: absolute;
	right: 0;
	top: 8px;
}

.clip #main .clip_list .section {
	margin: 20px 22px;
	border: 1px solid #999;
	background: #eff6ff;
}

.clip #main .clip_list .null {
	margin: 20px 42px;
}

.clip #main .clip_list .null .msg {
	font-size: 1.15em;
	font-weight: bold;
}

.clip #main .clip_list .section h3 {
	padding: 5px;
	border-bottom: 1px solid #999;
	background: #2c68a7;
}

.clip #main .clip_list .section h3 a {
	color: #fff;
	text-decoration: none;
}

.clip #main .clip_list .section .unit {
	padding: 4px;
}

.clip #main .clip_list .section .unit .pic {
	float: left;
	width: 132px;
}

.clip #main .clip_list .section .unit .pic img {
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff;
}

.clip #main .clip_list .section .unit .item {
	float: right;
	width: 604px;
	margin-right: 10px;
}

.clip #main .clip_list .section .unit .item dl {
	padding: 5px;
	border-bottom: 1px dotted #999;
	font-weight: bold;
}

.clip #main .clip_list .section .unit .item dl dt {
	float: left;
	width: 106px;
	text-align: center;
}

.clip #main .clip_list .section .unit .item dl dd {
	margin-left: 106px;
}

.clip #main .clip_list .section .unit .item dl.evaluation dd img {
	padding-right: 3px;
	vertical-align: text-bottom;
}

.clip #main .clip_list .section .unit .item dl.area dd {
	font-weight: normal;
}

.clip #main .clip_list .section .unit .item dl.area dd a {
	color: #333;
}

.clip #main .clip_list .section .btn_delete_clip {
	padding: 8px;
}


/* 
__howto
----------------------------------------------------------*/

.clip #main .howto .section {
	margin: 0 42px 30px;
}

.clip #main .howto .section h3 {
	margin-bottom: 10px;
	padding: 2px 0 0 7px;
	border-left: 4px solid #2c68a7;
	border-bottom: 1px solid #999;
	font-size: 1.0em;
}

.clip #main .howto .section p {
	margin: 0 11px;
}

.clip .btn_wrap {
	margin-top: 10px;
}
.clip .btn_wrap p {
	display: inline;
}

.clip #main .clip_list .section .unit .qr {
	float: right;
	width: 150px;
	margin-right: 15px;
}

.clip #main .clip_list .section .unit .qr img {
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff;
}
.clip .lead .mail_list {
	float: left;
	width: 600px;
	margin-right: 15px;
}
.clip .lead .qr_list {
	float: right;
	margin-right: 15px;
}