@charset "utf-8";
/* CSS Document */

/* ######################################################################################
clearfix
###################################################################################### */
.clearfix:after{
	content	:	"*";
	display	:	block;
	clear	:	both;
	height	:	0;
	visibility:	hidden;}

.clearfix{
	min-height:	1px;}

*html .clearfix{
	height	:	1px;}


/* ######################################################################################
All
###################################################################################### */
html,
body{
	margin:0px;
	padding:0px;
	line-height:1.1;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	color: #000;
	min-width:1200px;
}

th,
td{
	font-size:100%;
	line-height:1.1;
	color:#1f1f1f;}

h1,
h2,
h3,
h4,
h5,
h6{
	display:block;
	margin:0px;
	padding:0px;
	line-height:1.1;
	font-size:100%;}

p{
	line-height:1.4;
	padding:0px;
	margin:0;}

img{
	border:none;
	vertical-align:top;}

ul,
ul li{
	margin:0px;
	padding:0px;
	list-style:none;}
a{
	color:#1a629f;
	text-decoration:underline;}

a:hover{
	text-decoration:none;}

dl,
dt,
dd{
	margin:0px;
	padding:0px;
	display:block;}


/* ######################################################################################
wrap
###################################################################################### */
#Wrap{
	text-align:center;
	background:#e8edef;}


/* ######################################################################################
header
###################################################################################### */
#header{
	background:#000;
	padding:19px 0 12px;}

.headerInr{
	clear:both;
	width:950px;
	margin:0 auto;
	text-align:left;
	position:relative;}

#header h1{
	float:left;
	display:block;
	padding-bottom:30px;}

#header .InputText {
	background:#eeeeef;
	border:none;
	font-size: 12px;
	margin:0;
	padding:0;
	width: 64px;
	vertical-align: top;
	color: #000;
	font-weight:bold;
}

.headBtnA01{
	float:right;}
.headBtnA01 li{
	float:left;
	border-right:1px solid #FFF;
	padding:0 15px 0 0;
	margin:0 15px 0 0;}
.headBtnA01 li a{
	padding:5px 0;
	display:block;}
.headBtnA01 li.last{
	border:none;
	padding:0;
	margin:0;}

.headBtnA01 li.input{
	background:url(/designcard/common/images/bg_001.gif) no-repeat 0 0;
	padding: 4px 15px 3px 24px;}


.headBtnA02{
	width:542px;}

.headBtnA02 li{
	float:left;
	height:76px;
	padding-right:30px;
	margin-right:30px;
	border-right:1px solid #FFF;}

.headAreaA01{
	position:absolute;
	width:762px;
	top:0;
	left:205px;}


.headBtnA03{
	margin:17px 0 0;}
.headBtnA03 li{
	float:left;
	margin: 0 30px 10px 0;}
.headBtnA03 li img{
	display:block;}


/* ######################################################################################
footer
###################################################################################### */
#footer{
	clear:both;
	margin:90px 0 0;
	background:#000;}
#footer .footerInr{
	padding:36px 0 28px;
	margin:0 auto;
	width:950px;
	text-align:left;}


/* ######################################################################################
contents
###################################################################################### */
#contents{
	margin:0 auto;
	width:950px;
	text-align:left;
	padding:28px 0 0;}