@charset "utf-8";
/*
----------------------------------------------------------
 Title: http://www.charmy.fact-cons.com master Styles
 Author: Kyo
 Last updata: 2008.8.5
----------------------------------------------------------
*/

/* HTML Redefine
----------------------------------------------------------
---------------------------------------------------------- */
body {
  font: 12px/18px "Lucida Grande", "MS PGothic", Sans-Serif;
  color: #7e7e7e;
  background-color: #ffe6ee;
  text-align: center;
  margin: 0px auto;
  padding: 0px;
}
/*\*/

p {
	padding:0px;
	margin:0px;
}

a {
   overflow: hidden;
}
a:link, a:visited {
  color: #48BDED;
}
a:hover {
  text-decoration: underline;
  text-decoration: none;
}
h1, h2, h3, h4, h5, p, ul, dl, ol, li, dt, dd, form {
  margin: 0px;
  padding: 0px;
}
h1 {
  margin: 0 6px;
}
img {
  border: 0 none;
}
ul li {
  list-style: none;
}
legend {
  display: none;
}
fieldset {
  margin: 0px;
  padding: 0px;
  border: 0px none;
}
textarea {
  font-size: 12px;
  line-height: 18px;
}
table {
  font-size: 12px;
  line-height: 18px;
}
th, td {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

.al_c {
	text-align: center;
}

/* Basic format
----------------------------------------------------------
---------------------------------------------------------- */
p#Catch, h1 {
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	width: 892px;
	padding: 0 14px;
	margin: 2px auto;
}

p#Pagetitle {
	margin-left: 6px;
}


#Wrap {
  background-color: #FFF;
  text-align: left;
  width: 920px;
  margin: 0 auto;
}


/*Header*/

#Header {
  font-size: 5px;
  width: 920px;
  position: relative;
}
#Header ul li a, #Mainvisual a, #Produce a {
}
#Header p#Logo {
}

/* Sub navigation */

#Header ul#subNav {
  width: 495px;
  position: absolute;
  top: 0;
  left: 425px;
}
#Header ul#subNav li {
  float: left;
  height: 27px;
	overflow: hidden;
}

/*
ul#subNav li a {background-image: url(../images/common/submenu.gif);}
ul#subNav li.navMng a {background-position: 0 0; width: 91px;}
ul#subNav li.navMng a:hover {background-position: 0 -27px;}
ul#subNav li.navCo a {background-position: -91px 0; width: 73px;}
ul#subNav li.navCo a:hover {background-position: -91px -27px;}
ul#subNav li.navPp a {background-position: -164px 0; width: 118px;}
ul#subNav li.navPp a:hover {background-position: -164px -27px;}
ul#subNav li.navLink a {background-position: -282px 0; width: 50px;}
ul#subNav li.navLink a:hover {background-position: -282px -27px; width: 50px;}
ul#subNav li.navSitemap a {background-position: -332px 0; width: 78px;}
ul#subNav li.navSitemap a:hover {background-position: -332px -27px; width: 78px;}
ul#subNav li.navInq a {background-position: -410px 0; width: 85px;}
ul#subNav li.navInq a:hover {background-position: -410px -27px;}
*/
p#Produce {
  background: url(../images/common/logo_fact.gif) no-repeat;
  width: 135px;
  height: 15px;
  position: absolute;
  top: 43px;
  left: 773px;
}


/* Grobal navigation */

ul#glbNav {
  background: url(../images/common/bg_menu.gif);
  width: 900px;
  height: 49px;
  padding: 4px 4px 0 4px;
  margin: 0 6px;
}
*html ul#glbNav {
  padding: 0 4px;
}
ul#glbNav li {
  float: left;
  height: 49px;
overflow: hidden;
}

/*
ul#glbNav li a {background-image: url(../images/common/menu.gif); width: 150px;}
* html ul#glbNav li a {margin-top: 4px;}

ul#glbNav li.navHome a {background-position: 0 0;}
ul#glbNav li.navHome a:hover {background-position: 0 -49px;}
ul#glbNav li.navBlog a {background-position: -150px 0;}
ul#glbNav li.navBlog a:hover {background-position: -150px -49px;}
ul#glbNav li.navCos a {background-position: -300px 0;}
ul#glbNav li.navCos a:hover {background-position: -300px -49px;}
ul#glbNav li.navSnap a {background-position: -450px 0;}
ul#glbNav li.navSnap a:hover {background-position: -450px -49px;}
ul#glbNav li.navRepo a {background-position: -600px 0;}
ul#glbNav li.navRepo a:hover {background-position: -600px -49px;}
ul#glbNav li.navEntry a {background-position: -750px 0;}
ul#glbNav li.navEntry a:hover {background-position: -750px -49px;}
*/

/* Contents */

#Content {
  width: 908px;
  margin: 0 6px;
}

p.pankuz {
	font-size: 12px !important;
	padding: 7px 10px 0 15px;
}

/*Main*/

#Main {
  float: left;
  width: 690px;
  padding: 0 0 15px 10px;
}

#Main_detail {
	background: url(../images/cos/bg.gif) no-repeat 10px 0;
  float: left;
  width: 690px;
  padding: 0 0 15px 10px;
	margin-top: 5px;
}

/*Side navigation*/

.Sidenav {
  float: left;
  width: 208px;
  margin: 4px 0 15px 0;
}
.Sidenav div {
  background: url(../images/common/bg_side.gif) repeat-y;
  margin-bottom: 2px;
	position: relative;
}
.Sidenav dl {
  padding: 8px 15px 0 15px;
}
.Sidenav ul {
  background: url(../images/common/cnr_side.gif) no-repeat left bottom;
  padding: 5px 15px 15px 15px;
}
.Sidenav h2 {
  height: 25px;
}
.Sidenav p.Rss {
	width: 41px;
 	height: 22px;
	position: absolute;
	top: 1px;
	right: 4px;
}
.Sidenav h3 {
  height: 33px;
}
.Sidenav dt {
  font-weight: bold;
  color: #ff5a90;
}
.Sidenav li {
  background: url(../images/common/dot_01.gif) repeat-x left bottom;
  padding: 3px 0;
}
.Sidenav dd.date {
 	background: url(../images/common/dot_01.gif) repeat-x left bottom;
	width: 178px;
 	padding-bottom: 8px;
	margin-bottom: 8px;
}
#blogAngel h2 {
  background: #FFF url(../images/common/h_newblog.gif) no-repeat;
}
h2#blogArchive {
  background: url(../images/common/h_archive.gif) no-repeat;
	margin-top: 10px;
}
#blogAngel h3 {
  background: url(../images/common/h_tameiki.gif) no-repeat;
}
#listAngel h3 {
  background: url(../images/common/h_list.gif) no-repeat;
}
#listMonth h3 {
  background: url(../images/common/h_month.gif) no-repeat;
}
#sideNews h3 {
  background: url(../images/common/h_sidenews.gif) no-repeat;
}
.Sidenav p.more {
	font-size: 10px;
	line-height: 100%;
	text-align: right;
	background: url(../images/common/cnr_side.gif) no-repeat left bottom;
	width: 178px;
	padding: 0 15px 10px 15px;	
}
p.mb {margin-bottom: 11px;}

/*Side News*/
div #sideNews {
	margin-bottom: 3px;
}
#sideNews h2 {
	background: url(../images/common/h_sidenews.gif) no-repeat;
	height: 38px;
	margin-top: 10px;
}
#sideNews dl {
	padding: 0 15px;
}
/*Side Menu*/
#submnAn {
	margin-bottom: 10px;
}
.Sidenav #submnAn h2 {
	background: url(../images/common/h_menu_an.gif) no-repeat;
		height: 23px;
}
.Sidenav #submnCli h2 {
	background: url(../images/common/h_menu_cli.gif) no-repeat;
		height: 23px;
}

.Sidenav #Contact {
	padding-bottom: 0;
	margin-top: 3px;
	margin-bottom: 10px;
}

.Sidenav #Contact ul, .Sidenav #Contact li {
	background: none;
	padding: 0;
	margin:0;
}
.Sidenav #Contact h2 {
	background: url(../images/common/h_info.gif) no-repeat;
	height: 33px;
}

.Sidenav #Contact #Tel {
	background: url(../images/common/tel.gif) no-repeat;
	text-indent: -10000px;
	height: 45px;
}

.Sidenav #Contact #Form24h a {
	background: url(../images/common/btn_inq.jpg) no-repeat;
	display: block;
	text-indent: -10000px;
	width: 192px;
	height: 52px;
	margin: 0 0 4px 8px;
}

.Sidenav #Contact #Mobile {
	height: 115px;
	overflow: hidden;
}

.Sidenav #Contact p.mn {
	margin:0;
	padding: 0;
}

.Sidenav p.mn {
	background: #FFF;
}

/*Side navigation 追記090501*/

.Sidenav #mnAn {
	background: url(../images/common/bg_anmenu02.gif) repeat-y;
	text-align: center;
}
.Sidenav #mnAn h2 {
	background: url(../images/common/h_anmenu.gif) no-repeat;
	height: 32px;
	margin-top: 0;
}

.Sidenav #mnAn ul {
	background: url(../images/common/bg_anmenu03.gif) no-repeat center bottom;
	padding: 4px 12px 17px 12px;
}
.Sidenav #mnAn li {
	background: #FFF url(../images/common/dot_01.gif) repeat-x center top;
	text-align: left;
	padding: 4px 8px;
}
.Sidenav #mnAn li.top {
	background: #FFF url(../images/common/bg_anmenu01.gif) repeat-x center top;
	padding: 6px 8px 4px 8px;
}

.Sidenav #mnCli {
	background: url(../images/common/bg_clmenu02.gif) repeat-y;
	text-align: center;
}
.Sidenav #mnCli h2 {
	background: url(../images/common/h_clmenu.gif) no-repeat;
	height: 32px;
	margin-top: 0;
}

.Sidenav #mnCli ul {
	background: url(../images/common/bg_clmenu03.gif) no-repeat center bottom;
	padding: 4px 12px 17px 12px;
}
.Sidenav #mnCli li {
	background: #FFF url(../images/common/dot_01.gif) repeat-x center top;
	text-align: left;
	padding: 4px 8px;
}
.Sidenav #mnCli li.top {
	background: #FFF url(../images/common/bg_clmenu01.gif) repeat-x center top;
	padding: 6px 8px 4px 8px;
}

#Contact p {
	font-size: 10px;
	background: #FFF;
padding: 5px 10px;
}

#Contact p strong {
	font-weight: normal;
}

/*Footer*/

.ftinfo {
	font-size: 10px;
	text-align: right;
	padding: 15px 90px 0 10px;
	color: #f84c8a;	
}

.ftinfo strong {
	font-weight: normal;
}

#Footer {
  background: url(../images/common/cnr_footer.gif) no-repeat right bottom;
  width: 920px;
  height: 27px;
  margin-top: 0;
  position: relative;
}
#Footer ul {
  height: 22px;
  padding-top: 5px;
}
#Footer li {
  float: left;
  height: 22px;
overflow:hidden;
}

/*
#Footer a {
}
#Footer li a {background-image: url(../images/common/ftmenu.gif);}
#Footer li.navHome a {background-position: 0 0; width: 50px;}
#Footer li.navHome a:hover {background-position: 0 -22px;}
#Footer li.navBlog a {background-position: -50px 0; width: 67px;}
#Footer li.navBlog a:hover {background-position: -50px -22px;}
#Footer li.navCos a {background-position: -117px 0; width: 59px;}
#Footer li.navCos a:hover {background-position: -117px -22px;}
#Footer li.navSnap a {background-position: -176px 0; width: 92px;}
#Footer li.navSnap a:hover {background-position: -176px -22px;}
#Footer li.navRepo a {background-position: -268px 0; width: 92px;}
#Footer li.navRepo a:hover {background-position: -268px -22px;}
#Footer li.navEntry a {background-position: -360px 0; width: 75px;}
#Footer li.navEntry a:hover {background-position: -360px -22px;}
#Footer li.navWork a {background-position: -435px 0; width: 59px;}
#Footer li.navWork a:hover {background-position: -435px -22px;}
#Footer li.navMng a {background-position: -494px 0; width: 76px;}
#Footer li.navMng a:hover {background-position: -494px -22px;}
#Footer li.navCo a {background-position: -570px 0; width: 59px;}
#Footer li.navCo a:hover {background-position: -570px -22px;}
#Footer li.navPp a {background-position: -629px 0; width: 101px;}
#Footer li.navPp a:hover {background-position: -629px -22px;}
#Footer li.navLink a {background-position: -730px 0; width: 38px;}
#Footer li.navLink a:hover {background-position: -730px -22px;}
#Footer li.navInq a {background-position: -768px 0; width: 67px;}
#Footer li.navInq a:hover {background-position: -768px -22px;}
*/
#Footer p {
  width: 22px;
  height: 22px;
	overflow:hidden;
  position: absolute;
  top: 0;
  left: 887px;
}
/*
#Footer p a:link, #Footer p a:visited {0 0;}
#Footer p a:link, #Footer p a:visited {
	background-position: 0 0;
}
#Footer p a:hover {background-position: 0 -22px;}
#Footer a:hover {
	background-position: 0 -22px;
}
*/
address {
  font-size: 5px;
  width: 547px;
  height: 12px;
  margin: 15px auto;
}

.ar_c {
  text-align: center;
}
.ar_r {
  text-align: right;
}


/* HOME
----------------------------------------------------------
---------------------------------------------------------- */

body#Home h1#Catch {
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	text-indent: 0;
	width: 892px;
	padding: 0 14px;
	margin: 2px auto;
}

body#Home h2#Mainvisual {
	height: 254px !important;
	margin-left: 6px;
}
body#Home #Main {
	width: 472px;
	padding: 0 10px 15px 10px;
}
body#Home #Main p.more {
	line-height: 100%;
	font-size: 10px;
	background: url(../images/home/cnr_main.gif) no-repeat left bottom;
	text-align: right;
	padding: 0 19px 10px 19px;
}

/*About Charmy*/

#About {
	margin-top: 5px;
	margin-bottom: 15px;
}

#About .intro {
	background: url(../images/common/dot_01.gif) repeat-x left bottom;
	margin: 0 5px;
	padding: 5px 7px 10px 7px;
}


/*New Report and New Work*/

#newRepo, #newWork {
	background: url(../images/home/bg_main.gif) repeat-y;
}
#newRepo h2, #newWork h2 {
  font-size: 10px;
  text-indent: -10000px;
  height: 42px;
}
#newRepo h2 {
  background: url(../images/home/h2_report.gif) no-repeat;
	margin-top: 12px;
}
#newWork h2 {
  background: url(../images/home/h2_work.gif) no-repeat;
}
#Home #Main div.casette {
  background: url(../images/home/bg_main.gif) repeat-y;
  padding: 0 19px;
}
#Home #Main div.casette div {
 	background: url(../images/common/dot_01.gif) repeat-x left bottom;
	width: 434px;
	padding-bottom: 10px;
	position: relative;
	margin-bottom: 8px;
}
/*New Repo and New Work*/
#Home #Main #newWork div.casette h3 {
	font-size: 12px;
	padding-left: 120px;
	margin-bottom: 3px;
}
#Home #Main #newWork div.casette p.date {
	color: #FF5B95;
	width: 110px;
	position: absolute;
	top: 0;
	left: 0;
}
#Home #Main #newWork div.casette p.intro {
	padding-left: 120px;
}
#Home #Main div.casette p.sequel {
  text-align: right;
}
/*only New Repo*/
#Home #Main #newRepo div.casette {
	width: 434px;
	position: relative;
}
#Home #Main #newRepo div.casette p.ph a {
	width: 108px;
	height: 87px;
	position: absolute;
	top: 3px;
	left: 19px;
}
#Home #Main #newRepo div.casette h3 {
	font-size: 12px;
	padding-left: 120px;
	margin-top: 2px;
}
#Home #Main #newRepo div.casette p.date {
	color: #FF5B95;
	padding-left: 120px;
	margin-bottom: 2px;
}
#Home #Main #newRepo div.casette p.intro {
	padding-left: 120px;
	min-height: 35px;
}
* html #Home #Main #newRepo div.casette p.intro {
	height: 35px;
}
* html #Home #Main #newRepo div.casette img {
	left: 0;
}

.Sidenav ul#Bnr {
  background: none;
  padding: 0;
}

.Sidenav ul#Bnr li {
  background: none;
  padding: 0 !important;
	margin: 0 !important;
}

.Sidenav ul#Bnr li img {
display: block;
}

.Sidenav ul#Bnr li.mt5 {
	margin-top: 5px !important;
}
.Sidenav ul#Bnr li.mt10 {
	margin-top: 10px !important;
}


#Home #Main {
	float: right;
}

#Homeinner {
float: left;
}

/* Entry
----------------------------------------------------------
---------------------------------------------------------- */

div.entry {
  background: url(../images/common/bg_main.gif) repeat-y;
  margin-top: 5px;
}
div.entry h2 {
  font-size: 14px;
  color: #626262;
  background: url(../images/common/h_entry.gif) repeat-y;
  padding: 3px 7px;
  margin: 0 14px 22px 14px;
}
p.entry_header {
  color: #FF5B95;
  background: url(../images/common/cnr_main_t.gif) no-repeat;
  text-align: right;
  padding: 10px 14px 5px 14px;
}
p.entry_footer {
  background: url(../images/common/cnr_main.gif) no-repeat left bottom;
  text-align: right;
  padding: 0 18px 12px 14px;
}
p.entry_date {
  text-align: right;
  padding: 0 18px 0 14px;
}
p.paging {
	color: #e3e3e3;
	text-align: center;
	margin: 0 18px 15px 18px;
}
p.paging img {
	vertical-align: -2px;
}
div.entry_text {
  background: url(../images/common/dot_01.gif) repeat-x left bottom;
  padding: 0 6px 10px 6px;
  margin: 0 14px 3px 14px;
}
div.entry_text p img {
	margin-bottom: 20px;
}
div.entry div#trackbacks {
  background: url(../images/common/cnr_main.gif) no-repeat left bottom;
  padding: 0 14px 12px 14px;
}
div.entry div#trackbacks h3 {
  font-size: 12px;
  color: #626262;
  margin: 0 6px 10px 6px;
}
div.entry div#trackbacks h4 {
  font-size: 12px;
  margin: 0 6px;
}
div.entry div#trackbacks h5 {
  font-size: 10px;
  font-weight: normal;
  margin: 0 6px 10px 6px;
}
div.entry div#trackbacks p.url {
  color: #000;
  background: url(../images/common/h_entry.gif) repeat-y;
  filter: alpha(opacity=35);
  opacity: 0.35;
  padding: 4px 6px;
  margin-bottom: 20px;
}
div.entry div#trackbacks p.excerpt {
  background: url(../images/common/dot_01.gif) repeat-x left bottom;
  padding: 0 6px 10px 6px;
}


/* Archive
----------------------------------------------------------
---------------------------------------------------------- */
div.archive {
  background: url(../images/common/cnr_main.gif) no-repeat left bottom;
  padding-bottom: 18px;
}
html>body div.archive {
  padding-bottom: 12px;
}
div.archive div.casette {
  background: url(../images/common/bg_main.gif) repeat-y;
  padding-top: 18px;
}
h2.archive {
  font-size: 16px;
  color: #FF5B95;
  background: url(../images/common/cnr_main_t.gif) no-repeat;
  padding: 20px 20px 0 20px;
  margin-top: 5px;
}
div.archive h3 {
  font-size: 14px;
  color: #626262;
  background: url(../images/common/h_entry.gif) repeat-y;
  padding: 3px 7px;
  margin: 0 14px 22px 14px;
}
p.archive_footer {
  text-align: right;
  padding: 0 18px 0 14px;
}
html>body p.archive_footer {
  padding: 0 18px 5px 14px;
}
p.archive_footer span.name {
  color: #FF5B95;
}
div.archive_text {
  background: url(../images/common/dot_01.gif) repeat-x left bottom;
  padding: 0 6px 10px 6px;
  margin: 0 14px 3px 14px;
}
div.archive_text p {
  padding-bottom: 12px;
}


/* Report_old
----------------------------------------------------------
---------------------------------------------------------- */
/*
body#Repo h1 {
  background: url(../images/common/h1_repo.jpg);
  height: 120px;
}
p.report_img {
  margin: 0 0 3px 15px;
}
p.report_img img {
  margin-right: 5px;
}
p.report_footer {
  background: url(../images/common/cnr_main.gif) no-repeat left bottom;
  padding: 15px 18px 22px 20px;
}
*/

/* Snap
----------------------------------------------------------
---------------------------------------------------------- */

body#Snap #Main, body#Cos #Main {
  float: left;
  width: 698px;
  padding: 6px 0 15px 2px;
}
body#Snap h3.guide, body#Cos h3.guide {
	margin: 1px 0 5px 10px;
}
#Main_detail p.back {
	margin: 10px 0 0 10px;
}
div.prof {
  background: url(../images/snap/bg.gif) repeat-y right top;
  float: left;
  width: 341px;
  padding: 0 0 0 8px;
  margin: 3px 0;
}
div.prof p.angelname {
  font-size: 14px;
	font-weight: bold;
  color: #FF5B95;
  background: url(../images/snap/cnr_t.gif) no-repeat;
  padding: 16px 18px 10px 18px;
}
div.prof p.angelname span.kana {
  font-size: 10px;
  line-height: 100%;
  font-weight: normal;
}
div.prof p.size {
  font-weight: bold;
  color: #48BDED;
  padding: 10px 18px 5px 18px;
}
div.prof dl {
  background: url(../images/snap/cnr_b.gif) no-repeat left bottom;
  padding: 0 18px 16px 18px;
}
div.prof dt {
  font-weight: bold;
  float: left;
  width: 5em;
}
body#Snap .Sidenav #listAngelnm h2 {
  background: url(../images/snap/h_namelist.gif) no-repeat;
  height: 39px;
}
.Sidenav #listAngelnm ul {
  padding-top: 0;
  margin: -5px 0 11px 0;
}
p.pagenav {
  color: #DDD;
  text-align: center;
  clear: left;
  padding-top: 10px;
}


/* Cos
----------------------------------------------------------
---------------------------------------------------------- */

body#Cos .Sidenav #listAngelnm h2 {
  background: url(../images/cos/h_cosnav.gif) no-repeat;
  height: 39px;
}


body#Cos div.prof p.ar_c {
  background: url(../images/common/dot_01.gif) repeat-x left bottom;
  padding-bottom: 13px;
	margin: 0 6px;
}

body#Cos div.prof p.comment {
  background: url(../images/snap/cnr_b.gif) no-repeat left bottom;
  padding: 10px 18px 3px 18px;
}

/* Regest
----------------------------------------------------------
---------------------------------------------------------- */

body#Join #Main {
  background: url(../images/common/bg_main.gif) repeat-y right bottom;
  margin: 5px 0;
  padding-bottom: 0;
}
body#Join #Main h2 {
  font-size: 10px;
  text-indent: -10000px;
  height: 40px;
  margin-bottom: 15px;
}
body#Join #Main h2.intro {
  background: url(../images/common/h_join.gif);
}
body#Join #Main h2.conf {
  background: url(../images/common/h_conf.gif);
}
body#Join #Main h2.err {
  background: url(../images/common/h_err.gif);
}
body#Join #Main h2.thx {
  background: url(../images/common/h_thanx.gif);
}
body#Join #Main p {
  padding: 0 6px 10px 6px;
  margin: 0 14px;
}
body#Join #Main p.intro {
  background: url(../images/common/dot_01.gif) repeat-x left bottom;
}
body#Join #Main p.err {
  color: #FF5B95;
  background: url(../images/common/dot_01.gif) repeat-x left bottom;
  margin-bottom: 20px;
}
body#Join #Main h3.form {
  font-size: 10px;
  text-indent: -10000px;
  background: url(../images/common/h_form.gif) no-repeat;
  height: 25px;
  margin: 20px 0 0 13px;
}
body#Join #Main form {
  background: url(../images/common/cnr_main.gif) no-repeat left bottom;
  padding-bottom: 20px;
}
body#Join #Main table {
  color: #757575;
  background: url(../images/common/h_entry.gif);
  width: 650px;
  margin-left: 20px;
}
body#Join #Main td {
  padding: 5px;
  border-top: 1px solid #FFF;
}
body#Join #Main th {
  width: 33%;
  padding: 5px 5px 5px 10px;
  border-top: 1px solid #FFF;
}
body#Join #Main a.note {
  font-size: 10px;
}
.inp_l {
	font-size:12px;
  width: 260px;
}
body#Join #Main th span.hissu {
  color: #FF5B95;
}
body#Join #Main th span.note, body#Join #Main td span.note {
  font-size: 10px;
  color: #FF5B95;
}


/* Link
----------------------------------------------------------
---------------------------------------------------------- */

body#Link #Main {
  background: url(../images/common/bg_main.gif) repeat-y right top;
  margin: 5px 0;
  padding-bottom: 0;
  position: relative;
}
body#Link #Main h2 {
  background-repeat: no-repeat;
  text-indent: -10000px;
  height: 68px;
}
body#Link #listBlog {/*リンク左側*/
  background: url(../images/common/cnr_main.gif) no-repeat left bottom;
  padding-bottom: 12px;
	height: 1100px;
}
body#Link #listBlog h2 {
  background-image: url(../images/common/h_link01.gif);
}
body#Link #listBlog ul {
  background: url(../images/common/dot_02.gif) repeat-y right top;
  width: 345px;
}
body#Link #listBlog li, body#Link #listRelation li {
	text-align: center;
  margin: 0 0 10px;
}
body#Link #listRelation {/*リンク右側*/
  width: 345px;
  position: absolute;
  top: 0;
  left: 355px;
	height: 425px;
}
body#Link #listRelation h2 {
  background-image: url(../images/common/h_link02.gif);
}


/* News
----------------------------------------------------------
---------------------------------------------------------- */


body#News h2#blogArchive {
  background: url(../images/news/h_archive.gif) no-repeat;
}
body#News #listAngel h3 {
  background: url(../images/news/h_cat.gif) no-repeat;
}
body#News #listMonth h3 {
  background: url(../images/news/h_month.gif) no-repeat;
}
body#News #listMonth {
	margin-bottom: 10px;
}

/* Work
----------------------------------------------------------
---------------------------------------------------------- */


body#Work .Sidenav #listWork h2 {
  background: url(../images/work/h_cat.gif) no-repeat;
  height: 39px;
	margin-top: 10px;
}
.Sidenav #listWork ul {
  padding-top: 0;
  margin: -5px 0 11px 0;
}
body#Work .Sidenav #blogAngel {
	margin-top: 10px;
}
/* Report
----------------------------------------------------------
---------------------------------------------------------- */

body#Report h2#blogArchive {
  background: url(../images/repo/h_archive.gif) no-repeat;
}
body#Report #listAngel h3 {
  background: url(../images/news/h_cat.gif) no-repeat;
}
body#Report #listMonth h3 {
  background: url(../images/news/h_month.gif) no-repeat;
}
body#Report #listMonth {
	margin-bottom: 10px;
}


/* Angelmenu
----------------------------------------------------------
---------------------------------------------------------- */

h2#Pagetitle {
	margin-left: 6px;
}

#Main.bg01 {
	background: url(../images/common/bg_main.gif) repeat-y right top;
	margin-top: 5px;
	padding-bottom: 0;
}

/*各見出し*/

.h01 {
  font-size: 16px;
font-weight:bold;
  color: #626262;
  background: url(../images/common/h01.gif) no-repeat left bottom;
  clear: both;
  padding: 7px 9px 15px 9px;
  margin: 0 0 15px 0;
}

.h02 {
	font-size: 14px;
	color: #ff5a90;
	background: #fff4f8 url(../images/common/dot_01.gif) repeat-x left bottom;
	padding: 5px 9px;
	margin-bottom: 10px;
}

.h03 {
	font-size: 14px;
	color: #48bded;
	margin: 12px 9px 7px 9px;
}

.h04 {
	font-size: 14px;
	color: #2fade0;
	background: #eaf9ff url(../images/common/dot_01.gif) repeat-x left bottom;
	padding: 7px 9px 5px 9px;
	margin-bottom: 10px;
}

.h05 {
	font-size: 12px;
	color: #2fade0;
	background: url(../images/common/dot_01.gif) repeat-x left bottom;
	padding-bottom: 5px;
}

.txt02 {
	margin: 0 10px 15px 10px;
}

/*Step*/

#conStep {
  background: url(../images/common/cnr_main_t.gif) no-repeat;
  padding: 10px 14px 10px 14px;
}

#Step01, #Step02, #Step03 {
	
	clear: both;
	width: 642px;
	padding-bottom: 12px;
	margin-bottom: 10px;
	margin-left: 10px;
	position: relative;
}

#Step01 {
	background: #ff3d7d url(../images/angelmenu/step01.gif) no-repeat center bottom;
}

#Step02 {
	background: #ff3d7d url(../images/angelmenu/step02.gif) no-repeat center bottom;
}

#Step03 {
	background: #ff3d7d url(../images/angelmenu/step03.gif) no-repeat center bottom;
}

#Step04 {
	background: url(../images/angelmenu/step04.gif) no-repeat;
	width: 642px;
	height: 103px;
	margin-bottom: 15px;
	margin-left: 10px;
	position: relative;
}

#conStep h4  {
	background: url(../images/angelmenu/cnr01.gif) no-repeat;
	text-indent: -10000px;
	width: 11px;
	height: 11px;
	position: absolute;
	top: 0;
	left: 0;
}

#Step04 h4 {
	background: none;
	text-indent: -10000px;
}

#conStep div div {
	background: url(../images/angelmenu/cnr02.gif) no-repeat;
	padding: 12px 7px 0 0;
	margin: 0 0 0 165px;
}

#conStep h5 {
	font-size: 14px;
	font-weight: bold;
	color: #16a5e7;
	background: #FFF url(../images/angelmenu/line01.gif) no-repeat center bottom;
	padding: 6px 20px 9px 20px;
	height: 1%;
}

#conStep dl {
	background-color: #FFF;
	padding: 7px 20px 4px 20px;
}

#conStep dt {
	font-size: 12px;
	color: #16a5e7;
	float: left;
	padding: 0;
	width: 100px;
}

#conStep dd {
	float: left;
	width: 330px;
	padding: 0;
}

#conStep div p {
	background-color: #FFF;
	padding: 0 20px;
	height: 1%;
}

div#Step04 p {
	text-indent: -10000px;
}
div#Step04 p a {
	display: block;
	width: 470px;
	height: 55px;
	position: absolute;
	top: 18px;
	left: 165px;
}

p.p_t7 {
	padding-top: 7px !important;
}
p.p_b20 {
	padding-bottom:20px !important;
}

.m_b15 {
	margin-bottom: 15px !important;
}

.m_t0 {
	margin-top: 0 !important;
}

.m_b5 {
	margin-bottom: 5px !important;
}
.p_b0 {
	padding-bottom: 0 !important;
}
.m_l45 {
	margin-left: 45px !important;
}

p.bg01 {
	background-color: #fff4f8;
	padding: 5px 9px;
}
.m_r10 {
	margin-right: 10px !important;
}
.m_t10 {
	margin-top: 10px !important;
}

/*Work*/

#conWork {
	background: url(../images/common/cnr_main_t.gif) no-repeat;
	padding: 10px 14px 10px 14px;
}

#conWork dl {
	background: url(../images/angelmenu/bg_work01.jpg) no-repeat right bottom;
	width: 642px;
	padding-left: 10px;
}

#conWork dt {
	margin-bottom: 5px;
}

#conWork dd {
	background: url(../images/common/dot_01.gif) repeat-x left bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-right: 220px;
}

/*Merit*/

#Anmerit #Main p {
	margin: 0 10px;
}


div.con_t, #concliMerit {
  background: url(../images/common/cnr_main_t.gif) no-repeat;
  padding: 10px 14px 10px 14px;
}

div.con_md {
  padding: 0 14px 5px 14px;
}

.tbl01 {
	background-color: #e7f8ff;
	width: 644px;
	margin-left: 10px;
}

.tbl01 th, .tbl01 td {
	padding: 5px 7px;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

.tbl01 th {
	color: #FFF;
	background-color: #48BDED;
}

.tbl01 td strong {
	color: #ff5a90;
}

.tbl01 th.th01 {
	color: #FFF;
	background-color: #ff5a90;
}
.tbl01 th.th02 {
	background-color: #FFF;
}


.w15 {
	width: 15%;
}
.w25 {
	width: 25%;
}
.w60 {
	width: 60%;
}


.tbl02 {
	background-color: #f6f6f6;
	width: 644px;
	margin-left: 10px;
}

.tbl02 th, .tbl02 td {
	padding: 5px 7px;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

.tbl02 strong {
	color: #ff5a90;
}
.tbl02 th.charmy, .tbl02 td.charmy {
	background-color: #fff4f8;
}



.con_b {
	background: url(../images/common/cnr_main.gif) no-repeat right bottom;
	padding: 10px 24px 20px 24px;
}

.con_b02 {
	background: url(../images/common/cnr_main.gif) no-repeat right bottom;
	padding: 0 14px 15px 14px;
}

ul.list01 {
	margin-left: 10px;
	margin-bottom: 10px;
}
.list01 li {
	background: url(../images/common/icon_star01.gif) no-repeat 0 3px;
	padding: 0 14px 3px 18px;
}

.m_t10 {
	margin-top: 10px;
}
.txt01 {
	margin: 0 10px;
}


/*FAQ*/

#Anfaq h4 {
	font-size: 14px;
	color: #33afe9;
	background: url(../images/angelmenu/h_q.gif) no-repeat left bottom;
	padding: 6px 5px 11px 45px;
	margin-bottom: 2px;
}

#Anfaq p.a {
	background: url(../images/angelmenu/icon_a.gif) no-repeat 6px 5px;
	padding: 8px 10px 11px 45px;
	margin-bottom: 10px;
}


/* Clientmenu
----------------------------------------------------------
---------------------------------------------------------- */


/*Merit*/

#concliMerit {
}

#Clmerit #concliMerit dl {
	background: url(../images/clientmenu/bg_merit.jpg) no-repeat right bottom;
	width: 642px;
	padding-top: 15px;
	padding-left: 10px;
}

#Clmerit #concliMerit dt {
	font-weight: bold;
	font-size: 14px;
	color: #19a7e7;
	margin-bottom: 5px;
}

#Clmerit #concliMerit dd {
	background: url(../images/common/dot_01.gif) repeat-x left bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-right: 220px;
}

#cliOsusume {
	background: url(../images/clientmenu/bg_osusume.jpg) no-repeat left top
	padding-left: 100px;
	padding-top: 10px;
	margin: 0 10px 15px 10px;
}

#cliOsusume dt {
	float: left;
	clear: left;
	width: 65px;
	padding-bottom: 10px;
}

#cliOsusume dd {
	float: left;
	width: 477px;
	padding-top: 5px;
	padding-bottom: 10px;
}
* html {
	height: 48px;
}

/*FAQ*/

#Clfaq .con_b02 h4 {
	font-size: 14px;
	color: #33afe9;
	background: url(../images/angelmenu/h_q.gif) no-repeat left bottom;
	padding: 6px 5px 11px 45px;
	margin-bottom: 2px;
}

#Clfaq p.a {
	background: url(../images/angelmenu/icon_a.gif) no-repeat 6px 5px;
	padding: 8px 10px 11px 45px;
	margin-bottom: 10px;
}

#Clfaq h5 {
	font-size: 12px;
	color: #ff5a90;
	margin: 0 0 5px 45px;
}


/* Sitemap
----------------------------------------------------------
---------------------------------------------------------- */

body#Sitemap #Main {
	background: url(../images/common/bg_main.gif) repeat-y right top;
	margin-top: 5px;
	padding-bottom: 0;
}

#mainCon, #anCon, #clCon {
	float: left;
}
#mainCon h3, #anCon h3, #clCon h3 {
	text-indent: -10000px;
	background-repeat: no-repeat;
	height: 48px;
	margin-bottom: 9px;
}

#mainCon {
	width: 238px;
}
#anCon {
	width: 224px;
}
#clCon {
	width: 228px;
}
#mainCon h3 {
	background-image: url(../images/sitemap/h_main.gif);
}
#anCon h3 {
	background-image: url(../images/sitemap/h_angel.gif);
}
#clCon h3 {
	background-image: url(../images/sitemap/h_client.gif);
}
#mainCon li{
	padding: 0 15px 6px 16px;
}
#anCon li {
	padding: 0 11px 6px 2px;
}
#clCon li {
	padding: 0 14px 6px 2px;
}

#clOth {
	clear: left;
	background: url(../images/common/cnr_main.gif) no-repeat right bottom;
	padding-top: 20px;
	padding-bottom: 15px;

}
#clOth h3 {
	background-image: url(../images/sitemap/h_others.gif);
	text-indent: -10000px;
	background-repeat: no-repeat;
	height: 25px;
	margin-bottom: 10px;
}
#clOth li{
	padding: 0 15px 6px 16px;
}

#clCon li.ow {
	background: url(../images/common/icon_window.gif) no-repeat 3px 5px;
	padding-left: 20px;
}

#clOth li.ow a {
	background: url(../images/common/icon_window.gif) no-repeat right top;
	padding-right: 16px;
}


/* Client
----------------------------------------------------------
---------------------------------------------------------- */

body#Client #conWork {
	padding-bottom:0;
}
body#Client h2.h01 {
	margin-bottom: 15px;
}

body#Client .con_b02 p {
	margin: 0 10px 15px 10px;
}


/* Pp
----------------------------------------------------------
---------------------------------------------------------- */

body#Pp #conWork {
	padding: 25px 20px 20px 20px;
}
body#Pp .con_b02 h2 {
	font-size:14px;
	color:#33afe9;
	font-weight:bold;
	background: url(/images/common/dot_01.gif) repeat-x;
	padding: 15px 10px 10px 10px;
}

body#Pp .con_b02 {
	padding-bottom: 10px;
}

body#Pp .con_b02 p {
	margin: 0 10px 15px 10px;
}

body#Pp .con_b02 .al_r {
	background: url(/images/common/dot_01.gif) repeat-x;
	text-align:right;
	padding-top: 15px;
}


/* Inquiry
----------------------------------------------------------
---------------------------------------------------------- */

body#Inq #Main {
  background: url(../images/common/bg_main.gif) repeat-y right bottom;
  margin: 5px 0;
  padding-bottom: 0;
}
body#Inq #Main h2 {
  font-size: 10px;
  text-indent: -10000px;
  height: 40px;
  margin-bottom: 15px;
}
body#Inq #Main h2.intro {
  background: url(../inquiry/images/h02.gif);
  height: 43px;
}
body#Inq #Main h2.conf {
  background: url(../inquiry/images/h03.gif);
}
body#Inq #Main h2.err {
  background: url(../images/common/h_err.gif);
}
body#Inq #Main h2.thx {
  background: url(../inquiry/images/h04.gif);
}
body#Inq #Main p {
  padding: 0 6px 10px 6px;
  margin: 0 14px;
}
body#Inq #Main p.intro {
  background: url(../images/common/dot_01.gif) repeat-x left bottom;
}
body#Inq #Main p.err {
  color: #FF5B95;
  background: url(../images/common/dot_01.gif) repeat-x left bottom;
  margin-bottom: 20px;
}
body#Inq #Main h3.form {
  margin: 20px 0 10px 13px;
}
body#Inq #Main form {
  background: url(../images/common/cnr_main.gif) no-repeat left bottom;
  padding-bottom: 20px;
}
body#Inq #Main table {
  color: #757575;
  background: url(../images/common/h_entry.gif);
  width: 650px;
  margin-left: 20px;
}
body#Inq #Main td {
  padding: 5px;
  border-top: 1px solid #FFF;
}
body#Inq #Main th {
  width: 33%;
  padding: 5px 5px 5px 10px;
  border-top: 1px solid #FFF;
}
body#Inq #Main a.note {
  font-size: 10px;
}
.inp_ll {
	font-size:12px;
  width: 420px;
}
body#Inq #Main th span.hissu {
  color: #FF5B95;
}
body#Inq #Main th span.note, body#Join #Main td span.note {
  font-size: 10px;
  color: #FF5B95;
}

div.pptxt {
	color: #444;
	background-color:#FFF;
	height: 150px;
	margin: 5px 0 10px 0 !important;
	padding: 3px 5px !important;
	overflow: auto;
	filter: alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;
}

div.pptxt h4 {
	font-size: 12px;
	margin: 5px 0;
}

div.pptxt h5, div.pptxt h6{
	font-size: 12px;
	background: url(../images/common/dot_01.gif) repeat-x ;
	padding-top: 10px;
	margin:0 0 5px 0;
}


div.pptxt p {
	font-size: 12px;
	margin: 0 0 5px 0 !important;
	padding: 0 !important;
}

div.pptxt ol {
	margin: 0 0 5px 0;
	padding-left: 20px;
}

div.pptxt ol li {
	font-size: 12px;
	list-style-type: decimal !important;
}

#Inq #Main form p.btn {
	text-align: center;
	padding-top: 15px;
}


/* Hack
----------------------------------------------------------
---------------------------------------------------------- */
/*Modern Browser*/
#Content:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/*Mac for IE*/
#Content {
  display: inline-table;
}
/*Windows IE\*/
* html #Content {
  height: 1%;
}
#Content {
  display: block;
}


/*--------------------------------------------------------------------
-------------------------------------------------------- ContentClear
--------------------------------------------------------------------*/

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

* html .clearfix{height:1%;}

/*\*//*/
.clearfix{
	display: inline-table;
}
/**/

#head_wrapper{
	background:url(../images/common/bg_header.gif) repeat-x top center;
	height:40px;
}

#head_wrapper_inner{
	width:920px;
	margin:0 auto;
	text-align:left;
	padding-top:10px;
}

#tweet_area{
	float:left;
	width:400px;
}

#sns_area{
	width:500px;
	float:right;
	text-align:right;
}

#sns_area div,
#sns_area iframe,
#sns_area img,
#sns_area a{
	vertical-align:middle;
}

#sns_area iframe,
#sns_area div{
	display:inline;
}

#foot_wrapper{
	background:url(../images/common/bg_footer.gif) repeat-x top center;
	height:243px;
	text-align:left;
}

#foot_wrapper_inner{
	width:921px;
	margin:0 auto;
	padding-bottom:5px;
}

#foot_wrapper address{
	margin-bottom:0;
}

.link_box{
	width:230px;
	background:url(../images/common/bg_dot.gif) repeat top left;
	float:left;
}

.link_box ul{
	float:left;
	padding:10px 0 0 15px;
	width:215px;
}

.link_box ul li{
	padding-left:10px;
	background:url(../images/common/foot_arrow01.gif) no-repeat 0px 6px;
	padding-bottom:9px;
}

.link_box ul li a{
	color:#7E7E7E;
}

#foot_wrapper .company ul li{
	background:url(../images/common/foot_arrow02.gif) no-repeat 0px 6px;
}

#foot_wrapper .angel ul li{
	background:url(../images/common/foot_arrow03.gif) no-repeat 0px 6px;
}

.long{
	width:460px;
}

#foot_wrapper .angel{
	width:231px;
}

.foot_ttl{
	background:url(../images/common/bg_footer_content.gif) no-repeat top left;
	height:22px;
	color:#FFFFFF;
	font-weight:700;
	padding-left:10px;
	padding-top:4px;
}

#foot_wrapper .company .foot_ttl{
	background:url(../images/common/bg_footer_company.gif) no-repeat top left;
}

#foot_wrapper .angel .foot_ttl{
	background:url(../images/common/bg_footer_angel.gif) no-repeat top left;
}

.ftinfo02 {
	font-size: 12px;
	text-align:left;
	color: #7E7E7E;	
	width:921px;
	margin:0 auto;
}

.ftinfo02 p {
	padding:15px;
}

.ftinfo02 strong {
	font-weight: normal;
}

#Home #Homeinner {
	width:700px;
	overflow:hidden;
}