@charset "shift_jis";
/* by JOINTCREATE */


/* ------------------------------------------------------
	for all body
------------------------------------------------------ */
body {
	/* コンテンツ余白設定 */
	margin: 0;
	padding: 0;
	/* 文字基本設定（文字サイズ・行間・色） */
	font-size: 0.8em;
	line-height: 1.4em;
	color: #505050;
	font-family: "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	/* IE 5*対策 */
	text-align: center; /* IE 5* でコンテナが中央揃えに。そして、テキストは、#container セレクタの初期設定である左揃えに設定 */
	background: #D4E0E5 url(images/common/back.gif) repeat-x;
}

/* 画像のボーダーをリセット */
img {
	border: none;
}

/* フロートの解除 */
.fltrt { /* ページ上でフローティングエレメントを右側に配置。ページ上でその横に配置されるエレメントの前に配置。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* ページ上でフローティングエレメントを左側に配置 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}

ul {
	margin: 0 10px;
	padding: 0 0 10px 1em;
}
li {
	margin: 0 0 3px 0;
}
/* ------------------------------------------------------
　共通基本スタイルシート レイアウト 
------------------------------------------------------ */
/* メインコンテナ */
.WpYoko #container { 
	width: 900px;  
	background: #FFFFFF;/* コンテンツ背景色*/
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページを中央揃えに */
	text-align: left; /* この設定は body エレメントの text-align: center より優先 */
	/*border: 1px solid #000000;  コンテナ境界線　最後に非表示に */
} 
.WpYoko #container #Conts {
	width: 850px;
	margin: 0 25px; /* 天地0px　左右25px 開ける */
	text-align: left; /* この設定は body エレメントの text-align: center より優先 */
	background: url(images/common/m_back.gif) no-repeat 0px 700px;
} 

/* ヘッダー：設定 */
.WpYoko #container #header {
	width: 850px;
	background: #FFFFFF;
	margin: 0 25px; /* 天地0px　左右25px 開ける */
	text-align: left; /* この設定は body エレメントの text-align: center より優先 */
} 
#header h1 {
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	padding: 5px 0;/* 天地5px　左右0px 開ける */
}

#header #headRbox {/* 左側のボックスをロゴの高さまで引き上げる */
	margin: -66px 0 0 0;
	padding: 0 0 0 0;
}
#headRbox #Tel {
	margin: 0;
	text-align: right ;
}
#headRbox #Con {
	text-align: right;
	margin: 0;
	padding: 5px 0 0 0;
	height: 21px;
	font-size: 14px;
}
#header .globalNavi {
	margin: 0;
	padding: 0;
	height: 29px;
	text-align: right;
	background: url(images/common/headerline.gif) no-repeat 0px 25px;
	vertical-align: top;
}
#header .globalNavi ul {
  list-style-type: none;
  margin: 0 0 0 210px;
  padding: 0;
	width: 640px;
}
#header .globalNavi li {
  list-style-type: none;
	float:left;
  margin: 0;
  padding: 0;
}

/* メニュー：設定 */
.WpYoko #menu {
	float:left;
	margin: 0;
	width: 206px;
	background-color: #F2F2F2;
}
#menu div {/* 1px上げることで境界線を打ち消す */
	margin: 0 0 0 0;
}
#menu .mBox {
	margin: 0;
	padding: 4px 3px 3px 3px;
	border-right: 1px solid #6B96A6;
	border-bottom: 1px solid #6B96A6;
	border-left: 1px solid #6B96A6;
}
#menu .mSu {
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 12px;
	line-height: 12px;
	color: #25546F;
}
#menu .mC1 {
	margin: 0;
	padding: 3px 0 2px 17px;
	height: 15px;
	font-size: 14px;
	line-height: 14px;
	background: url(images/common/icon_m01.gif) no-repeat 0px 4px;
}
#menu .mC2 {
	margin: 0 0 0 0;
	padding: 2px 0 2px 17px;
	height: 15px;
	font-size: 14px;
	line-height: 14px;
	background: url(images/common/icon_m02.gif) no-repeat 0px 4px;
	vertical-align: top;
}
#menu .mC3 {
	margin: 0 0 0 0;
	padding: 0 0 2px 17px;
	height: 15px;
	font-size: 14px;
	line-height: 14px;
	background: url(images/common/icon_m03.gif) no-repeat 0px 4px;
	vertical-align: top;
}
#menu #shop {
	margin: 10px	10px	20px	10px;
	padding: 0 0 30px 0;
}
#menu #shop img {
	margin-bottom: 5px;
}

#menu a:link {
	text-decoration: none;
	color: #003366;
}
#menu a:visited {
  text-decoration: none;
	color: #ff6000;
}
#menu a:active {
  text-decoration: none;
	color: #ff6000;
}
#menu a:hover{
  text-decoration: underline;
  color: #3731ff;
}


/* フッター：設定 */
#footer {
	margin: 0 10px; /* 天地0px　左右25px 開ける */
	text-align: center;
	font-size: 12px;
	line-height: 1.4em;
	padding: 5px 0 8px 0;
	border-top: 1px solid #81BCCF;
}

/* メインコンテンツエリア：設定 */
/* TOPページ用 */
.TopMes {
	line-height: 1.6em;
	margin: 10px;
	text-align: center;
}

/* 下層ページ用 */
.WpYoko #MainCnts {
	float: right;
	width: 640px;
	background: url(images/common/contents_back.jpg) no-repeat;
	text-align: left; /* この設定は body エレメントの text-align: center より優先 */
}
#CntsHeader {
	background-image: url(images/common/contents_back.jpg);
	background-repeat: no-repeat;
	height:85px;
	margin: 0 0 20px 0;
}
#Month #CntsHeader {
	background-image: url(images/common/contents_back.jpg);
	background-repeat: no-repeat;
	height:85px;
	margin: 0 0 0 0;
}
#Pankuzu {
	margin: 0 0 10px 0;
	padding: 5px;
	font-size: 12px;
}
#TitlBox {
	text-align: center;
}
#CntsPri {
	text-align: right;
	padding: 2px 35px 0 0;
	font-size: 0.9em;
}
#KasoBox {
	width: 600px;
	margin: 0 0 0 20px;
	padding: 5px;
	text-align: left;
}
#KasoBox .CntsPri {
	margin: -8px 10px 10px 10px;
	padding: 0 0 0 0;
	text-align: right;
	font-size: 0.9em;
}
#KasoBox .MesBox {
	margin: 0 5px 10px 5px;
	color: #505050;
}
#KasoBox .MesBox2 {
	margin: 0 5px 5px 5px;
	font-size: 0.8em;
	line-height: 1.4em;
}
#KasoBox .MesBox2r {
	margin: 0 5px 15px 5px;
	font-size: 76%;
	line-height: 160%;
}
#KasoBox .MesBoxB {
	margin: 0 5px 5px 5px;
	font-size: 1.2em;
	line-height: 1.6em;
}
#KasoBox .PhotBox {
	margin: 0 5px 10px 5px;
	text-align: center;
}
#KasoBox #MonthBox {
	margin: 0 40px;
	color: #505050;
}
#KasoBox #MonthBox table{
	margin: 0 0 15px 0;
}
.PegeTop {
	margin: 0 0 10px 0;
	text-align: right;
}
.SubPoint {
	border: 1px solid #FFAB33;
  background-color: #FFE7B4;
	padding: 2px;
	margin: 0 5px 0 0;
  color: #FF6000;
  font-weight: 800;
}

/* ポストカード用 */
.PostCard {
	margin: 0 10px;
	border: 1px solid #999999;
}
/* アクロバット */
.adobe { 
  margin: 5px;
	padding: 3px;
	background: #FFF;
	font-size: 9px;
	line-height: 12px;
	border: 1px solid #999999;
}
.adobe img {
	float: left;
	margin: 0 8px 10px 0;
}

/* ------------------------------------------------------
　TOPページ基本スタイルシート レイアウト 
------------------------------------------------------ */
.WpYoko #MainConts {
	float: right;
	width: 640px;
	text-align: left; /* この設定は body エレメントの text-align: center より優先 */
}

/* フラッシュの配置 */
#MainConts #flamov {
	margin: 1px 0 0 0;
}

/* 左サイドのレイアウト */
#TopLeft {
	float: left;
	width: 425px;
	padding: 0 0 0 15px;
}

/* 今月の特集：設定 */
.TokuBox {
	width: 410px;
	padding: 0 0 3px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #FFB517;
}
.TokuBox div.TokuBTitl {/* 1行用 */
	margin: 0 0 5px 0;
	padding: 5px 0 0 40px;
	height: 36px;
	font-size: 15px;
	color: #9400AA;
	font-weight: 800;
	background: url(images/top/new.gif) no-repeat 0px 0px;
}
.TokuBox div.TokuBTitl2 {/* 2行用 */
	margin: 0 0 5px 0;
	padding: 0 0 0 40px;
	height: 36px;
	font-size: 15px;
	color: #9400AA;
	font-weight: 800;
	background: url(images/top/new.gif) no-repeat 0px 0px;
}
.TokuBox .Coment {
	float: right;
	width: 280px;
	height: 100px;
	padding: 0;
	margin: 0;
	font-size: 0.75em;
	line-height: 1.4em;
}
.TokuBox .Link {
	float: right;
	width: 280px;
	height: 20px;
	padding: 0;
	margin: 0;
	font-size: 0.75em;
	display: table-cell;
	text-align: right;
	vertical-align: bottom;
}
#TopLeft .pho {
	float: left;
	padding: 0;
	margin: 0;
}

/* PickUPコーナー：設定 */
.PickBox {
	width: 410px;
	padding: 0 0 3px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #1D3C94;
}
.PickBox .Title {
	float: right;
	width: 300px;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	color: #FF6000;
  font-weight: 800;
}
.PickBox .Coment {
	float: right;
	width: 300px;
	padding: 5px 0 0 0;
	margin: 0;
	font-size: 0.75em;
	line-height: 1.4em;
}


/* 右サイドのレイアウト */
#TopRight {
	float: right;
	width: 200px;
	margin: 0;
}
#TopRight .topics {
	padding: 10px 5px 5px 5px;
	border-right: 1px solid #1D3C94;
	border-bottom: 1px solid #1D3C94;
	border-left: 1px solid #1D3C94;
	margin: -5px 0 10px 0;
}

/* ------------------------------------------------------
　ジャンル：記念写真　スタイルシート レイアウト 
------------------------------------------------------ */
/* サブタイトル */
#Memory #h1 {
	font-size: 20px;
	color: #E4007F;
	font-weight: 800;
	padding: 7px 5px 7px 15px;
	margin: 0 10px 15px 10px;
	width: 584px;
	background: url(images/subtl/stl_icon2.gif) no-repeat 0px 3px;
	border-top: solid #E4007F 1px;
	border-bottom: solid #E4007F 1px;
}
#Memory h2 {
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	color: #FFFFFF;
	background: url(images/common/subtl_m2.gif) no-repeat;
	width: 584px;
	height: 20px;
	margin: 0 0 10px 0;
	padding: 3px 0 0 20px;
	vertical-align: middle;
}
#Memory h3 {
	margin: 0 0 10px 0;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
	padding: 3px 0 3px 7px;
	border-left: 5px solid #FF6600;
	border-bottom: 1px solid #FF6600;
}

/* ------------------------------------------------------
　ジャンル：証明写真　スタイルシート レイアウト 
------------------------------------------------------ */
/* サブタイトル */
#Proof #h1 {
	font-size: 20px;
	color: #E4007F;
	font-weight: 800;
	padding: 7px 5px 7px 15px;
	margin: 0 10px 15px 10px;
	width: 584px;
	background: url(images/subtl/stl_icon2.gif) no-repeat 0px 3px;
	border-top: solid #E4007F 1px;
	border-bottom: solid #E4007F 1px;
}
#Proof h2 {
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	color: #FFFFFF;
	background: url(images/common/subtl_m1.gif) no-repeat;
	width: 584px;
	height: 20px;
	margin: 0 0 10px 0;
	padding: 3px 0 0 20px;
	vertical-align: middle;
}
#Proof h3 {
	margin: 0 0 10px 0;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
	padding: 3px 0 3px 7px;
	border-left: 5px solid #FF6600;
	border-bottom: 1px solid #FF6600;
}

/* ------------------------------------------------------
　ジャンル：写真関連商品　スタイルシート レイアウト 
------------------------------------------------------ */
/* サブタイトル */
#Goods #h1 {
	font-size: 20px;
	color: #E4007F;
	font-weight: 800;
	padding: 7px 5px 7px 15px;
	margin: 0 10px 15px 10px;
	width: 584px;
	background: url(images/subtl/stl_icon2.gif) no-repeat 0px 3px;
	border-top: solid #E4007F 1px;
	border-bottom: solid #E4007F 1px;
}
#Goods h2 {
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	color: #FFFFFF;
	background: url(images/common/subtl_m3.gif) no-repeat;
	width: 584px;
	height: 20px;
	margin: 0 0 10px 0;
	padding: 3px 0 0 20px;
	vertical-align: middle;
}
#Goods h3 {
	margin: 0 0 10px 0;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
	padding: 3px 0 3px 7px;
	border-left: 5px solid #FF6600;
	border-bottom: 1px solid #FF6600;
}

/* ------------------------------------------------------
　今月の特集ほか　スタイルシート レイアウト 
------------------------------------------------------ */
/* サブタイトル */
#Month #h1 {
	font-size: 20px;
	color: #E4007F;
	font-weight: 800;
	padding: 7px 5px 7px 15px;
	margin: 0 10px 15px 10px;
	width: 584px;
	background: url(images/subtl/stl_icon2.gif) no-repeat 0px 3px;
	border-top: solid #E4007F 1px;
	border-bottom: solid #E4007F 1px;
}
#Month h2 {
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	color: #FFFFFF;
	background: url(images/common/subtl_m4.gif) no-repeat;
	width: 584px;
	height: 20px;
	margin: 0 0 10px 0;
	padding: 3px 0 0 20px;
	vertical-align: middle;
}
#Month h3 {
	margin: 0 5px 10px 5px;
	padding: 3px 0 3px 7px;
	font-size: 12px;
	font-weight: bold;
	color: #25546e;
	border-left: 5px solid #25546e;
	border-bottom: 1px solid #25546e;
}
#Month h4 {
	margin: 0 5px 10px 5px;
	padding: 3px 5px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #25546E;
}

#Month #TitleBox {
	margin: 0 25px;
	border-top: 1px solid #81bccf;
	border-bottom: 1px solid #81bccf;
	font-size: 16px;
  line-height: 140%;
  color: #25546e;
  font-weight: 800;
}

#Month #ConTtlBox {
	width: 590px;
	margin: 0 20px 0 25px;
	padding: 7px 25px;
	font-size: 16px;
	color: #25546E;
	font-weight: 800;
	border-top: 1px solid #81BCCF;
	border-bottom: 1px solid #81BCCF;
	background: url(images/monthly/t_icon.gif) no-repeat 5px 5px;
}

/* ------------------------------------------------------
　会社概要　スタイルシート レイアウト 
------------------------------------------------------ */
/* サブタイトル */
#Campa h2{
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background: url(images/common/subtl_m2.gif) no-repeat;
	width: 584px;
	height: 20px;
	margin: 0 0 10px 0;
	padding: 3px 0 0 20px;
	vertical-align: middle;
}
#Campa h3 {
	margin: 0 0 10px 0;
	font-size: 12px;
	font-weight: bold;
	color: #507D8B;
	padding: 3px 0 3px 7px;
	border-left: 5px solid #507D8B;
	border-bottom: 1px solid #507D8B;
}
#Campa .Tcamp {
	margin: 0 0 20px 0;
}
#Campa .Tcamp td {
	font-size: 0.8em;
	line-height: 1.4em;
	padding: 10px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#Campa .Enkaku {
	margin: 0 0 20px 0;
}
#Campa .Enkaku td {
	font-size: 0.8em;
	line-height: 1.4em;
	padding: 5px;
	border-bottom: 1px solid #cccccc;
}

/* ------------------------------------------------------
　価格表　スタイルシート レイアウト 
------------------------------------------------------ */
/* サブタイトル */
#Price h2.m1 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background: url(images/common/subtl_m1.gif) no-repeat;
	width: 584px;
	height: 20px;
	margin: 0 0 10px 0;
	padding: 3px 0 0 20px;
	vertical-align: middle;
}
#Price h2.m2 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background: url(images/common/subtl_m2.gif) no-repeat;
	width: 584px;
	height: 20px;
	margin: 0 0 10px 0;
	padding: 3px 0 0 20px;
	vertical-align: middle;
}
#Price h2.m3 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background: url(images/common/subtl_m3.gif) no-repeat;
	width: 584px;
	height: 20px;
	margin: 0 0 10px 0;
	padding: 3px 0 0 20px;
	vertical-align: middle;
}
#Price .Mes {
	width: 584px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

/* ------------------------------------------------------
　お問い合わせ　スタイルシート レイアウト 
------------------------------------------------------ */
/* フォーム設定 */
#Contac th {
	font-size: 0.8em;
	letter-spacing: 1px;
	color: #FFFFFF;
	width: 7em;
	text-align: left;
	font-weight: normal;
	padding: 5px;
	background-color: #879DA5;
}
#Contac td {
	font-size: 0.8em;
	letter-spacing: 1px;
	text-align: left;
	padding: 5px;
}
#Contac #thkMes {
	padding: 30px 10px;
	font-size: 1em;
	letter-spacing: 1px;
	text-align: center;
}

/* ------------------------------------------------------
　下層インデックス　スタイルシート レイアウト 
------------------------------------------------------ */
/*#Index #KasoBox {
	margin: 0 0 0 60px;
}*/

.IndexBox {
	width: 550px;
	padding: 0 0 3px 0;
	margin: 0 15px 10px 15px;
	border-bottom: 1px dotted #1D3C94;
}
.IndexBox .Title {
	float: right;
	width: 390px;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	color: #FF6000;
  font-weight: 800;
}
.IndexBox .Coment {
	float: right;
	width: 390px;
	padding: 5px 0 0 0;
	margin: 0;
	font-size: 0.75em;
	line-height: 1.4em;
}

/* ---------------------------
	ページ共通
-------------------------- */
#mbox {
	border-style: solid;
	border-color: #6b96a6;
	border-width: 1px;
}
#newWindowback {
	background-color: #FFFFFF;
}

/* ---------------------------
		link
-------------------------- */
a:link {
  text-decoration: none;
	color: #3731ff;
}
a:visited {
  text-decoration: none;
	color: #25546e;
}
a:active {
  text-decoration: none;
	color: #3731ff;
}
a:hover{
  text-decoration: underline;
  color: #3731ff;
}

/* ---------------------------
		layout
-------------------------- */
/* マージン設定 */
.MarginB05 {
	margin: 0 0 5px 0;
}
.MarginB10 {
	margin: 0 0 10px 0;
}
.MarginB15 {
	margin: 0 0 15px 0;
}
.MarginB20 {
	margin: 0 0 20px 0;
}
.MarginLR1010 {
	margin: 0 10px;
}
.MarginL10 {
	margin: 0 0 0 10px;
}


/* 画像の回り込み */
.ImgFloatR{
  float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.ImgFloatL{
  float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* ---------------------------
		Table　装飾
-------------------------- */
.SotoWaku {
	border: 1px solid #c0c0c0;
	padding: 5px;
	margin: 0 0 5px;   /* 下：5px */
}

.Box_Kasen {
	border-bottom: 1px solid #505050;
	padding-bottom: 5px;
	margin: 0 0 5px;   /* 下：5px */
}

#grayback {
	background-color: #eceae6;
	background-position: center;
	width:480px;
}

/*---------------------------
		sitemap Box
-------------------------- */
.SiteMapTable {
	padding: 1px;
}
.SiteMapTable td {
	font-size: 80%;
	line-height: 120%;
	padding: 2px;
	border: 1px solid #999999;
}
.SiteMapTable th {
	font-size: 83%;
	line-height: 120%;
	padding: 2px;
	border: 1px solid #999999;
	text-align: left;
}

/* ---------------------------
		text
-------------------------- */
.normal {
  font-size: 75%;
  line-height: 140%;
}
.normal-b {
  font-size: 80%;
  line-height: 140%;
  font-weight: 800;
}

.normal-l-b {
  font-size: 80%;
  line-height: 140%;
  font-weight: 800;
}
.normal-b-orange {
  font-size: 80%;
  line-height: 140%;
  color: #FF6000;
  font-weight: 800;
}
.normal-white {
  font-size: 80%;
  line-height: 140%;
  color: #FFFFFF;
}

.normal-b-white {
  font-size: 80%;
  line-height: 140%;
  color: #FFFFFF;
  font-weight: 800;
}
.normal-l-brown {
  font-size: 85%;
  line-height: 140%;
  color: #532519;
  font-weight: 800;
}
.contenstle {
  font-size: 85%;
  line-height: 140%;
  color: #25546e;
  font-weight: 800;
}

.normal-l-Bpurple {
  font-size: 85%;
  line-height: 140%;
  color: #9400aa;
  font-weight: 800;
}

.normal-topics-day {
	font-size: 83%;
	line-height: 140%;
	color: #5C8ED5;
	font-weight: bold;
	padding-right: 5px;
}
.normal-topics {
  font-size: 83%;
  line-height: 160%;
}

.normal-s {
  font-size: 70%;
  line-height: 120%;
		color: #333333;
}

.normals-brown {
  font-size: 65%;
  line-height: 140%;
  color: #624600;
}
.normals-menu {
  font-size: 65%;
  line-height: 140%;
  color: #25546e;
}

.normal-ss {
  font-size:65%;
  line-height: 140%;
}