@charset "UTF-8";

/* 
================================================================================
	Last Up Date	2008.10.31
================================================================================
*/

/*INDEX 共通設定
================================================================================
1.固定
2.HEADER
3.WRAPPER
3.CONTAINER
5.MAIN
6.SUB
7.NAVI
8.FOOTER
0.汎用
================================================================================
*/


/* 1.固定
----------------------------------------------------------------------------- */	
*{
	margin:0;
	padding:0;
	font-size:100%;
}
body {
	margin:0;
	padding:0;
	font-size:80%;
	color:#000000;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#FFFFFF;
}

img {
	border:0;
	margin:0;
	vertical-align:bottom;
}

a{
	color:#3f96f0;
	outline:none;
}

a:visited{
	color:#3a9ce6;
}

a:hover{
	color:#c9242c;
}

ul{
	list-style:none;
}

pre {
	font-family: sans-serif;
}


/* 2.HEADER
----------------------------------------------------------------------------- */	
#header{
	height:160px;
}

#logo{
	padding:20px 0 0 0;
	position:relative;
}

#logo a{
	text-decoration:none;
	color:#333333;
	padding-top:20px;
	display:block;
}

#logo span{
	font-size:80%;
	position:absolute;
	top:60px;
	left:160px;
}

#logo p,
#logo h1{
	position:absolute;
	top:5px;
	left:0px;
	color:#999;
	width:620px;
	font-size:80%;
	line-height:150%;
	font-weight:normal;
}


/* 3.WRAPPER|CONTAINER|CONTENT
----------------------------------------------------------------------------- */	
#wrapper{
	position:relative;
 	width:1000px;
	margin:0 auto;
}

/* pankuzu */
#pankuzu{
	font-size:80%;
	padding:30px 0 0;
	line-height:1.4;
}

#breadcrumbs{
	font-size:80%;
	padding:30px 0 0;
	line-height:1.4;
}

#breadcrumbs li{
	display:inline;
	padding-right:10px;
	margin-right:5px;
	background:url(../image/breadcrumbs.gif) right center no-repeat;
}

#pankuzu a,
#breadcrumbs li a{
	text-decoration:none;
}

#breadcrumbs li.current{
	background:none;
}

/* container|content*/
#container{
	margin-bottom:15px;
}

#content{
	padding:18px 0;
}

#top #content{
	padding-top:30px;
}

/* pagetop */
#content .pagetop{
	clear:both;
	text-align:right;
	font-size:80%;
	letter-spacing:1px;
	padding-top:10px;
}
#content .pagetop a{
	color:#999;
	text-decoration:none;
	background:url(../image/pagetop.gif) no-repeat left center;
	padding-left:9px;
}
#content .pagetop a:hover{
	color:#c9242c;
	text-decoration:underline;
}


/* 5.MAIN
----------------------------------------------------------------------------- */
#main{
	float:left;
	width:744px;
}

#main hr{
	height:0;
	color:#fff;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}

#main .hr{
	background:url(../image/hr.gif) repeat-x bottom;
	padding-bottom:20px;
	margin-bottom:20px;
}

#main div.hr{
	padding-bottom:1px;
	margin-bottom:20px;
}

#main .column2l{
	width:350px;
	float:left;
	position:relative;
}

#main .column2r{
	width:350px;
	float:right;
	position:relative;
}

#main .column2l .column_txt,
#main .column2r .column_txt{
	overflow:hidden;
}

#main .subttl01{
	border:1px solid #cfcfcf;
	padding:5px 5px;
	background:url(../image/pic_tit01_bg.gif) left bottom no-repeat;
	margin-bottom:15px;
}

#main .subttl01_short{
	padding-right:10em;
}

#main .subttl01 span{
	border-left:3px solid #c5232b;
	padding:0 0 0 8px;
	display:block;
}

#main .tit_menu{
	position:absolute;
	top:6px;
	right:10px;
}

#main .tit_menu li{
	display:inline;
	padding-left:10px;
	margin-left:10px;
	background:url(../image/pic_menu_line.gif) left center no-repeat;
}

#main .tit_menu li a{
	background:url(../image/icon_arrow.gif) left center no-repeat;
	padding-left:10px;
}

#main .section{
	position:relative;
	clear:both;
	margin-bottom:30px;
}

#main p{
	line-height:1.8 !important;
}

#main .line{
	border-top:1px dotted #ccc;
	margin-top:10px;
	padding-top:10px;
}

#main .relatedLink{
	clear:both;
}

#main .relatedLink dt{
	font-weight:bold;
	border-top:1px solid #ccc;
	background:#F7F7F7;
	padding:5px 10px;
	margin-bottom:5px;
	margin-top:15px;
}

#main .relatedLink dd{
	background:url(../image/icon_arrow.gif) left top no-repeat;
	padding-left:10px;
	margin-bottom:3px;
}

#main h1{
}
#main h2{
}
#main h3{
}
#main ol{
	margin:0 0 20px 50px;
}
#main p,
#main dl,
#main ul,
#main pre{
	margin-bottom:20px;
}
#main .block{
	clear:both;
}

#main .block h2{
	padding:0 0 5px 0;
	border-bottom:2px solid #c9242c;
	color:#000000;
	font-size:150%;
}


#main .block h3{
	clear:both;
	background:url(../image/subtitle_back.gif) no-repeat top left;
	padding-left:18px;
	color:#000000;
	font-size:120%;
	margin-bottom:5px;
}


#main .block h4{
	position:relative;
	top:15px;
	border-left:3px solid #c9242c;
	color:#222;
	padding-left:10px;
	margin-bottom:20px;
}

#main .ttl01{
	font-size:170%;
	font-weight:bold;
	padding:40px 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:relative;
	border-top:1px solid #dcdee1;
}

#main .ttl01 .ttl01Sub{
	font-size:80%;
	display:block;
	margin-bottom:5px;
}

#main .ttl02{
	clear:both;
	font-size:140%;
	font-weight:bold;
	padding:10px 15px;
	border-top:2px solid #c72b32;
	border-bottom:1px solid #dcdee1;
	position:relative;
	background:#F7F7F7;
	margin-bottom:17px;
}

#main .ttl03{
	clear:both !important;
	background:#b3080b !important;
	color:#FFFFFF !important;
	padding-top:5px !important;
	padding-bottom:5px !important;
	padding-left:10px !important;
	margin-bottom:15px !important;
}

#main .ttl04{
	clear:both !important;
	background:url(../image/subtitle_back.gif) no-repeat top left !important;
	padding-left:18px !important;
	color:#000000 !important;
	font-size:120% !important;
	margin-bottom:5px !important;
}

#main .ttl05{
	clear:both;
	background:url(../image/subtitle_redgrad.gif) no-repeat;
	color:#FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
	margin-top:40px;
	font-size:120%;
	line-height:160%;
}

#main .ttl06{
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	margin-bottom:10px;
	font-size:130%;
	line-height:140%;
}

#main .ttl07{
	top:15px;
	border-left:3px solid #c9242c;
	color:#222;
	padding-left:10px;
	margin-bottom:20px;
	clear:both;
}

#main .ttlShort{
	padding-right:200px;
}

#main .ttlLink{
	position:absolute;
	top:12px;
	right:10px;
}

#main .ttlLink02{
	position:absolute;
	top:5px;
	right:10px;
}

#main .ttlLink02 a{
	color:#FFF;
}

.socialBtn{
	border-top:1px dotted #ccc;
	padding-top:15px;
	margin-bottom:15px;
}

.socialBtn ul{
	margin:0px !important;
	padding:0px !important;
	list-style:none !important;
}

.socialBtn ul li{
	float:left;
	margin-right:5px;
}


#main .block ul{
	list-style:disc;
}
#main .block ul li{
	margin-left:25px;
}

/* menu */
#main div.menu{
	padding:20px 9px;
	border:1px solid #cfcfcf;
	margin-bottom:30px;
	border-radius:5px;         /* CSS3 */
   -moz-border-radius:5px;    /* Firefox */
   -webkit-border-radius:5px; /* Safari,Chrome */
}
#main div.menu ul{
	margin:0;
	padding:0;
	list-style:none;
}
#main div.menu dl,
#main div.menu li{
	background:url(../image/line.gif) repeat-x bottom;
	padding-bottom:8px;
	margin:0 15px 8px 15px;
}
#main div.menu dl.end,
#main div.menu li.end{
	background:none;
	padding-bottom:0;
	margin-bottom:0;
}
#main div.menu dt{
	float:left;
}
#main div.menu dd{
	float:right;
}
#main div.menu dd a{
	background:url(../image/icon_arrow.gif) no-repeat right center;
	padding-right:7px;
}
#main div.menu li a{
	display:block;
	background:url(../image/icon_arrow.gif) no-repeat left top;
	padding:0 0 0 15px;
}
#main div.anchor li a{
	background:url(../image/icon_down.gif) no-repeat left top;
}
#main div.menu .on a{
	color:#c9242c;
	text-decoration:none;
}
#main div.menu dd img{
	margin-right:2px;
}

/* contact */
#main .contact{
	background:url(../image/line.gif) repeat-x top;
	padding-top:20px;
	margin:0;
}
#main .contact dt{
	float:left;
}
#main .contact dd{
	float:right;
}

#main .tab{
	clear:both;
	border-bottom:1px solid #cfcfcf;
	margin-bottom:30px;
}

#main .tab li{
	float:left;
	margin-left:5px;
	margin-bottom:-1px;
	position:relative;
	border:1px solid #cfcfcf;
	background:url(../image/navi_bg.gif) left bottom repeat-x;
   /* ▼CSS3 */
   border-top-left-radius:5px;  /* 左上 */
   border-top-right-radius:5px; /* 右上 */
   /* ▼Safari,Chrome */
   -webkit-border-top-left-radius:5px;  /* 左上 */
   -webkit-border-top-right-radius:5px; /* 右上 */
   /* ▼Firefox */
   -moz-border-radius-topleft:5px;  /* 左上 */
   -moz-border-radius-topright:5px; /* 右上 */
}

#main .tab li a{
	display:block;
	padding:5px 10px 5px 20px;
	background:url(../image/icon_arrow.gif) 10px center no-repeat;
}

#main .tab li.on{
	border-bottom:1px solid #FFF;
	background:#FFF;
}

#main .tab li.on a{
	background:url(../image/icon_arrow.gif) 10px center no-repeat;
	text-decoration:none;
	color:#000;
}

/* outer */

#main .outer02{
	width:100%;
	table-layout:fixed;
	border:1px solid #CCCCCC;
	border-collapse:separate;
	border-spacing:1px;
	margin-bottom:20px;
}
#main .outer02 th{
	width:1%;
	white-space:nowrap;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#E1E2E6;
}

#main .outer02 td{
	padding:5px 10px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#E1E2E6;
	background-color:#EFF2F3;
	text-align:center;
}

#main .outer02 caption{
	text-align:left;
	font-weight:bold;
}

#main .outer{
	width:100%;
	border-collapse:collapse;
	border:1px solid #cfcfcf;
	margin:0 0 20px 0;
}
#main .outer th{
	background:#F7F7F7;
	padding:5px 10px;
	font-weight:lighter;
	color:#333;
	border:1px solid #ccc;
	text-align:left;
}
#seminar #main .outer tbody th{
	width:100px;
}

#seminar #main #view0 .outer tbody th{
	width:auto;
}

#main .outer td{
	padding:5px 10px;
	border:1px solid #ccc;
}

#main .outer caption{
	text-align:left;
	font-weight:bold;
	padding-bottom:5px;
}
#main .outer ul{
	margin-bottom:0;
}

#main .outer td table{
	margin:0;
	width:auto;
	border:0;
}
#main .outer td th{
	padding:3px 0;
	border:0;
	background:#fff;
	text-align:left;
	vertical-align:top;
}
#main .outer td td{
	padding:3px 0 3px 10px;
	border:0;
	vertical-align:top;
}

#main .tbRed{
	border:2px solid #c8272b !important;
}

#main .tbRed th{
	background:#ffe7e7 !important;
	color:#c9242c !important;
}

#main .innerLink{
	padding:15px 20px 0 20px;
	background:#f7f7f7;
	margin-bottom:20px;
	border:1px solid #e5e5e5;
}

#main .innerLink ul{
}

#main .innerLink li{
	display:inline;
	background:url(../image/pic_separator.gif) left center no-repeat;
	padding-left:10px;
	margin-left:10px;
}

#main .innerLink li.first{
	padding-left:0;
	margin-left:0;
	background:none;
}

#main .action_area-m{
	text-align:right;
}

#main .action_area-m li{
	display:inline;
}


/* 注意書き */
#main ul.note{
	list-style:none;
}
#main p.note,
#main ul.note li{
	margin-left:12px;
	text-indent:-12px;
}

/* 6.SUB
----------------------------------------------------------------------------- */
#sub{
	float:right;
	width:232px;
}

#sub #socialBtn li{
}

#sub #chat,
#sub #fb,
#sub #twitter{
	margin-bottom:10px;
}

#sub #twitter{
	width:190px;
	overflow:hidden;
}

#sub .fb-like{margin-bottom: 12px;}

#sub #bnr-s li{
	margin-bottom:10px;
}

/* menu */
#sub .navi-l{
	margin-bottom:30px;
}
#sub .navi-l h2{
}

#sub .navi-l h2 a{
	display:block;
	color:#333;
	text-decoration:none;
	background:#F7F7F7;
	padding:25px 15px;
}

#sub .navi-l h2 a:hover{
	color:#c9242c;
	background:#F7F7F7;
}


#sub .navi-l ul li a{
	display:block;
	background:url(../image/sub_navi-l_off.gif) no-repeat 2px 4px;
	padding:10px 10px 10px 20px;
	color:#333333;
	text-decoration:none;
	border-top:1px solid #dcdee1;
	line-height:1.4;
	zoom:1;
}

#sub .navi-l ul li strong{
	display:block;
	zoom:1;
	font-weight:normal;
}

#sub .navi-l ul li strong a:hover,
#sub .navi-l ul li strong.on a{
	color:#c9242c;
	text-decoration:none;
	background:#F7F7F7 url(../image/sub_navi-l_on.gif) no-repeat 2px 4px;
}


/* 第2階層 */
#sub .navi-l ul li ul{
	display:none;
}


#sub .navi-l ul li li{
	padding-left:10px;
}

#sub .navi-l ul li li a{
	padding:5px 10px 5px 20px;
	border:none;
	background:url(../image/sub_navi-l_off.gif) no-repeat left top;
}

#sub .navi-l ul li li a:hover,
#sub .navi-l ul li li.on a{
	color:#c9242c;
	text-decoration:none;
	background:#F7F7F7 url(../image/sub_navi-l_on.gif) no-repeat left top;
}


.aboutService .navi-lService ul,
.lineupBasic .navi-lBasic ul,
.lineupPoem .navi-lPoem ul,
.lineupHear .navi-lHear ul,
.lineupWish .navi-lWish ul,
.lineupPost .navi-lPost ul,
.lineupMove .navi-lMove ul,
.columnInterview .navi-lcolumnInterview ul,
.columnFeature .navi-lcolumnFeature ul,
.columnBtob .navi-lcolumnBtob ul,
.columnNagai .navi-lcolumnNagai ul,
.columnMarketing .navi-lcolumnMarketing ul,
.columnTanii .navi-lcolumnTanii ul,
.columnPractice .navi-lcolumnPractice ul,
.columnOtsuka .navi-lcolumnOtsuka ul,
.columnUchida .navi-lcolumnUchida ul{
	display:block !important;
}

/* ウィジェット */

#sub .widget{
	padding:0 0 20px 0;
	margin-bottom:20px;
	background:url(http://www.crmstyle.com/img/pic_lnavi_line.gif) bottom left no-repeat;
}

#sub .widget.noBack{background:none;}

#sub .widget .widgetTtl{
	font-weight:bold;
	color:#000;
	margin-bottom:10px;
	text-shadow: 1px 1px 0px #fff;
}

#sub .subNews dl{
	font-size:80%;
	line-height:1.8;
}

#sub .subNews dt{
	color:#666;
	margin-top:10px;
}

#sub .subNews dd{
	margin-bottom:5px;
}

#sub #bnr li{
	margin-bottom:7px;
}

#sub #bnr li.contactForm{margin: 15px 0;}

#sub .widget ul#ulPackage{
	margin-top: 7px;
}

#sub .widget ul#ulPackage li{
	font-size:80%;
	background: url(http://www.crmstyle.com/img/icon_fc_solution.gif) no-repeat left top;
	padding-left: 40px;
}

/* subMail */
#sub .subMail{
	background:url(../image/sub_column_back.gif) no-repeat left bottom;
	width:190px;
	margin-bottom:15px;
}

#sub .subMail h2{
	background:url(../image/sub_mail_title.gif) no-repeat left top;
	width:140px;
	padding:13px 10px 8px 40px;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}

#sub .subMail h2 a{
	color:#666;
	text-decoration:none;
}

#sub .subMail p{
	margin:5px 10px;
	font-size:80%;
	line-height:140%;
}


#sub .subMail h2 img{
	vertical-align:bottom;
}

#sub .subMail #text{
	width:160px;
	}

/* menu */
#sub .menu{
	clear:both;
	background:url(../image/sub_menu_back.gif) no-repeat left bottom;
	padding-bottom:5px;
	margin-bottom:15px;
}
#sub .menu ul{
	background:url(../image/sub_menu_back.gif) no-repeat left top;
	padding:10px 10px 0 10px;
	width:170px;
}
#sub .menu ul li{
	margin-bottom:5px;
}
#sub .menu ul li a{
	background:url(../image/icon_arrow.gif) no-repeat center left;
	padding-left:9px;
	color:#757575;
	text-decoration:none;
}
#sub .menu ul li a:hover{
	color:#c9242c;
	text-decoration:underline;
}
#sub .mail{
	line-height:100%;
	text-align:left;
	padding-bottom:10px;
	margin-left:10px;
}
#sub .mail img{
	vertical-align:middle;
}


/* 7.NAVI
----------------------------------------------------------------------------- */

/* navi */
#navi{
	position:absolute;
	top:125px;
	left:0px;
	z-index:2;
	width:700px;
}
#navi li{
	float:left;
	position:relative;
	text-align:center;
	border-right:1px solid #fff;
}

#navi li a{
	display:block;
	padding:8px 15px;
	text-decoration:none;
	color:#333;
}

#top #navi li.home a,
#about #navi li.about a,
#lineup #navi li.lineup a,
#case #navi li.case a,
#showcase #navi li.showcase a,
#price #navi li.price a,
#faq #navi li.faq a,
#user #navi li.user a{
	background:#F7F7F7;
}

/* ドロップダウン時のナビ */
#navi li.home:hover a,
#navi li.about:hover a,
#navi li.lineup:hover a,
#navi li.case:hover a,
#navi li.showcase:hover a,
#navi li.price:hover a,
#navi li.faq:hover a,
#navi li.user:hover a{
	background:#F7F7F7;
}

#navi .sub_menu{
	position:absolute;
	top:100%;
	margin:0;
	padding:0;
	visibility:hidden;
	border:1px solid #ccc;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.07);
}

#navi .sub_menu:after,
#navi .sub_menu:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#navi .sub_menu:after {
	border-color: rgba(247, 247, 247, 0);
	border-bottom-color: #F7F7F7;
	border-width: 5px;
	left: 30px;
	margin-left: -5px;
}
#navi .sub_menu:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ccc;
	border-width: 6px;
	left: 30px;
	margin-left: -6px;
}

 
#navi .sub_menu li{
	float:none;
	text-align:left;
	font-weight:normal !important;
}


#navi li:hover .sub_menu li a,
#navi .sub_menu li a{
	display:block;
	margin:0;
	padding:7px 7px 7px 30px;
	width:170px;
	height:auto;
	background:url(../image/icon_arrow.gif) 20px 0.5em no-repeat #F7F7F7 !important;
	color:#333333 !important;
	line-height:120%;
	text-decoration:none;
	text-indent:0;
}

#navi li:hover .sub_menu li a:hover,
#navi .sub_menu li a:hover{
	background:url(../image/icon_arrow.gif) 20px 0.5em no-repeat #e9e9e9 !important;
	color:#c9242c;
	text-decoration:none;
}

/* header navi */
#action_area-h{
}

/* tel */
#tel{
	position:absolute;
	top:60px;
	right:0px;
	width:350px;
	text-align:right;
}

#tel dl,
#tel dt,
#tel dd{
	display:inline;
}

#tel dt{
	margin-left:8px;
}

#tel dd{
	font-size:130%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:3px;
	letter-spacing:1px;
}

#tel span{
	font-size:60%;
	color:#999;
	font-weight:normal;
	display:block;
	margin-top:-2px;
	letter-spacing:0;
}

#action_area-h .action_btn{
	position:absolute;
	right:0px;
	top:125px;
}

#action_area-h .action_btn li{
	float:left;
	margin-left:8px;
}


/* search */
#search-h{
	position:absolute;
	top:0px;
	right:0px;
	width:350px;
}

#search-h #cse-search-form{
	padding:10px 0px 5px 15px;
	background-color:#F3F3F3;
}

#search-h #cse-search-form input#gsc-i-id1{
width:180px !important;
font-size:12px;
padding:2px;
}

#search-h input.gsc-input, #header .gsc-input-box, #header .gsc-input-box-hover, #header .gsc-input-box-focus{
	/*   border-color: #D9D9D9; */
    border-color: #cccccc;
  }
#search-h input.gsc-search-button, #header input.gsc-search-button:hover, #header input.gsc-search-button:focus{
    border-color: #AC1D19;
    background: #ED0101;
    background-image: none;
    filter: none;
	margin-right: 15px;
	width: 13px;
	height: 13px;
	padding: 6px 15px;
	min-width: 13px;
}


.gsc-control-cse{
	padding:0px !important;
}

.gsc-webResult a{
	color:#3a9ce6 !important;
}

/* footer navi */
#navi-f{
	color:#757575;
	overflow:hidden;
}

#navi-f ul{
	margin-left:-15px;
}

#navi-f li{
	display:inline;
	background:url(../image/separator.gif) left center no-repeat;
	padding-left:10px;
	margin-left:5px;
}

#navi-f a{
	color:#757575;
	text-decoration:none;
}
#navi-f a:hover{
	color:#c9242c;
	text-decoration:underline;
}

a.blank{
	background:url(../image/navi-f_blank.gif) no-repeat right center;
	padding-right:18px;
}

/* action_area-f */
#action_area-f{
	background:#f1f1f1;
	padding:20px;
	margin-bottom:50px;
}

#action_area-f #contact-f{
	float:left;
	width:500px;
	padding:15px 0 0 80px;
	text-align:center;
}

#action_area-f #contact-f p{
	font-size:120%;
	line-height:1.6;
	margin-bottom:15px;
	text-shadow:#FFF 0px 1px 0px;
}

#action_area-f .action_btn{
}

#action_area-f .action_btn li{
	float:left;
	margin-left:12px;
}

#action_area-f #chat{	
	border:1px solid #cecece;
	background:#FFF;
	float:left;
	width:280px;
	text-align:center;
}

#social_area{
	clear:both;
	margin-bottom:50px;
}

#social_area p{
	font-size:120%;
	width:400px;
	float:left;
	text-align:center;
	padding-top:20px;
}

#social_area h3{
	margin-bottom:5px;
	font-size:120%;
}

#social_area #facebook,
#social_area #twitter{
	float:left;
	width:240px;
	padding-left:60px;
	height:45px;
}

#social_area #facebook{
	background:url(../image/icon_facebook.gif) left center no-repeat;
}

#social_area #twitter{
	background:url(../image/icon_twitter.gif) left center no-repeat;
}


/* link-f */
#link-f{
	clear:both;
	border-left:1px solid #d9d9d9;
	margin-bottom:20px;
}

#link-f .link-f_Home a{
	display:block;
	color:#666666 !important;
	font-size:80%;
	margin-bottom:10px;
}

#link-f .link-f_Box{
	float:left;
	width:111px;
	padding:0 15px 5px;
	border-right:1px solid #d9d9d9;
	font-size:80%;
	line-height:1.4;
}


#link-f .link-f_Box strong,
#link-f .link-f_Box strong a{
	display:block;
	color:#666666 !important;
	margin-top:5px;
}

#link-f .link-f_Box ul{
	margin-top:2px;
}

#link-f .link-f_Box li{
	margin-top:3px;
	background:url(../image/icon_arrow.gif) left top no-repeat;
	padding-left:10px;
}

#link-f .link-f_Box li a{
	color:#666666 !important;
	text-decoration:none;
}

#link-f .link-f_Box strong a:hover,
#link-f .link-f_Box li a:hover{
	color:#c9242c !important;
	text-decoration:underline;
}

/* bnr-f */
#bnr-f{
	clear:both;
	margin-bottom:50px;
}

#bnr-f ul{
	margin-left:-24px;
	width:1027px;
}

#bnr-f ul li{
	float:left;
	text-align:center;
	font-size:80%;
	width:230px;
	border:1px solid #cecece;
	margin-left:24px;
}

#bnr-f ul li a{
	text-decoration:none;
	color:#666666;
}

#bnr-f ul li span{
	display:block;
	background:#f1f1f1;
	padding:5px;
	border:1px solid #fff;
}

	

/* 8.FOOTER
----------------------------------------------------------------------------- */	
#footer{
	clear:both;
	margin-top:10px;
	padding:15px 0;
	border-top:1px solid #d9d9d9;
}

#p-mark{
	float:right;

}

#copyright{
	font-size:80%;
	line-height:180%;
	letter-spacing:1px;
	color:#818181;
	padding-top:3px;
}

#copyright .companyLogo{
	float:left;
	margin:-2px 15px 0 0;
	width:91px;
}

#copyright .copyrightTxt{
	width:640px;
}

#copyright a{
	text-decoration:none;
}

#copyright address{
	font-style:normal;
}


/* 0.汎用
----------------------------------------------------------------------------- */
/* 位置 */
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}

/* 回り込み */
.f-left{
	float:left;
}
.f-right{
	float:right;
}
p img.f-left{
	margin:0 10px 10px 0;
}
p img.f-right{
	margin:0 0 10px 10px;
}
.clear{
	clear:both;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* フォント */
.small{
	font-size:80%;
}
.big{
	font-size:120%;
}

.big02{
	font-size:160%;
}

.normal{
	font-weight:normal;
}

/* カラー */
.red{
	color:#c9252c;
}

.gray{
	color:#666;
}

/* link */
a.ov:hover img{
-moz-opacity:0.85;
opacity:0.85;
filter:alpha(opacity=85);
}
a.menu{
	background:url(../image/icon_arrow.gif) no-repeat left center;
	padding-left:9px;
}
.pdf, .icoPdf{
	background:url(../image/icon_pdf.gif) no-repeat left center;
	padding:0 0 0 13px;
}

/* width */
.w50{
	width:50px !important;
}

.w100{
	width:100px;
}

.w226{
	width:226px !important;
	position:relative;
}

.w310{
	width:310px !important;
	position:relative;
}

.w471{
	width:471px;
	position:relative;
}

.w360{
	width:360px !important;
	position:relative;
}

span.TOPnew{
	display:none;
}

span.TOPnew img{
	vertical-align:middle;
	padding:0.5em;
}
span.new{
	display:none;
}

span.new img{
	vertical-align:middle;
	padding:0.5em;
}
p.newday {
	font-weight:bold;
	text-align:right;
	margin:0 20px 0 0 ;
}

.mb0{
	margin-bottom:0px !important;
}

.mb10{
	margin-bottom:10px !important;
}

.mb30{
	margin-bottom:30px !important;
}

.mb40{
	margin-bottom:40px !important;
}

.mt15{
	margin-top:15px;
}

.mt30{
	margin-top:30px;
}

.ml30{
	margin-left:30px;
}


.bgGray{
	background:#F7F7F7;
}

ul.ulBasic{
	list-style:disc !important;
	margin-left:15px;
	margin-bottom:10px;
}

ul.ulBasic li{
	line-height:1.5;
	margin-bottom:3px;
}

ol.olBasic{
	margin:0 0 0 25px !important;
	margin-bottom:10px !important;
}

ol.olBasic li{
	line-height:1.5;
	margin-bottom:3px;
}

ul.ulNote{
	margin-bottom:10px;
}

ul.ulNote li{
	padding-left:1em;
	text-indent:-1em;
	margin-bottom:5px;
	line-height:1.4;
	font-size:80%;
}


.frame{
	border:solid 2px #DCDEE1;
	padding:10px;
	margin-bottom:20px;
}

.link{
	background:url(../image/icon_arrow.gif) left center no-repeat;
	padding-left:10px;
}

.btn_red{
	color:#FFF;
	font-weight:bold;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #d83526;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	background:-ms-linear-gradient( top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	display:inline-block;
	text-shadow:0px -1px 0px #b23e35;
}

.btn_red:hover {
	color:#FFF;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c62d1f), color-stop(100%, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	background:-ms-linear-gradient( top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
 	-webkit-box-shadow:1px 1px 2px #ccc;
 	-moz-box-shadow:1px 1px 2px #ccc;
 	box-shadow:1px 1px 2px #ccc;
}
	
.btn_red:active {
	position:relative;
	top:1px;
}

.btn_red:visited {
	color:#FFF;
	text-decoration:none;
}

.btn_s{
	padding:5px 29px;
}

.btn_l{
	padding:15px 80px;
}