@charset "utf-8";
/*+++++++++++++++++++++++++++++++++++++++++++++
　TOPページレイアウト用CSS
+++++++++++++++++++++++++++++++++++++++++++++*/

/****************************************
　メインコンテンツ
*****************************************/

/* 上部角丸用 */
#contents_top {
	background-image: url(../image/common/contents_top.png);
	background-repeat: no-repeat;
	padding: 0px;
	clear: both;
	height: 24px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


/****************************************
　最新のTips & Memo
*****************************************/

/* コンテンツ枠(section要素に定義) */
#tips_memo_area {
	height: auto;
	width: 370px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 24px;
	float: left;
	padding: 0px;
}

/* Firefox印刷対応 */
@media print {
#tips_memo_area, x:-moz-any-link {
	height: auto;
	width: 370px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 24px;
	padding: 0px;
	display:table-cell;
	float:none;
	vertical-align:top;
}
}

/* タイトル(Tips & Memo) */
#tips_memo_area h1 {
	padding: 0px;
	height: 47px;
	width: 370px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}

/* 記事タイトルのリンクカラー */
/* グレー(下線あり)⇒ブルー(下線あり) */
#tips_memo_area a {
	color: #484848;
	text-decoration: underline;
}
#tips_memo_area a:hover {
	color: #268CAF;
	text-decoration: underline;
}

/* ループ内容が入るクラス(article要素に定義) */
.tm_entry {
	height: auto;
	width: 346px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 35px;
	*margin-bottom: 23px;  /* IE7以前用のハック */
	margin-left: 12px;
	padding: 0px;
	float: left;
}

/* IE9印刷対応 */
@media print {
.tm_entry {
	height: auto;
	width: 346px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 35px;
	*margin-bottom: 23px;  /* IE7以前用のハック */
	margin-left: 12px;
	padding: 0px;
	float:none;  /* 印刷時のカラム落ち対策 */
	clear:both;  /* 印刷時のカラム落ち対策 */
}
}

/* 記事タイトル(33文字まで表示) */
.tm_entry h2 {
	padding: 0px;
	height: auto;
	width: 346px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 14px;
	margin-left: auto;
	font-size: 15px;
	font-weight: normal;
}

/* 通常サムネイル画像(要素+ID(クラス)はスペースを空けない) */
img.attachment-post-thumbnail {
	background-image: url(../image/common/back1.jpg);
	background-repeat: repeat;
	margin: 0px;
	padding: 5px;
	float: left;
}

/* IE9印刷対応 */
@media print {
img.attachment-post-thumbnail {
	background-image: url(../image/common/back1.jpg);
	background-repeat: repeat;
	margin:0px 0px 35px 0px ;  /* 下マージン調整 */
	padding: 5px;
	float: left;
}
}

/* カスタムサムネイル画像(要素+ID(クラス)はスペースを空けない)
img.attachment-custom_size {
	background-image: url(../image/common/back1.jpg);
	background-repeat: repeat;
	margin: 0px;
	padding: 5px;
	float: left;
} */

/* カテゴリ・概要枠 */
.tm_entry_right {
	margin: 0px;
	float: right;
	height: auto;
	width: 224px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}

/* カテゴリーの表示スタイル */
.tm_entry_right ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}
.tm_entry_right li {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 11px;
	line-height: 21px;
}
.category_icon {
	background-image: url(../image/common/category_icon.jpg);
	background-repeat: no-repeat;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100px;
	background-position: center center;
	line-height: 21px;
}

/* カテゴリーアイコンのリンクカラー */
/* グレー(下線なし)⇒ホワイト(下線なし) */
#tips_memo_area .tm_entry_right a {
	text-decoration: none;
	color: #d2d2d2;
	font-size: 10px;
	line-height: 21px;
}
#tips_memo_area .tm_entry_right a:hover {
	text-decoration: none;
	color: #FFF;
	font-size: 10px;
	line-height: 21px;
}

/* 概要(58文字まで表示) */
.tm_entry p {
	margin: 0px;
	line-height: 20px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
}

/* ページング */
.paging_home {
	text-align: center;
	height: auto;
	width: 370px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	*padding-bottom: 4px;  /* IE7以前用のハック */
	padding-left: 0px;
}


/****************************************
　Information・About Site・Profile
*****************************************/

/*--------------------------------------
　Information・About Site・Profile共通」
---------------------------------------*/

/* コンテンツ枠 */
#contents_right {
	float: right;
	height: auto;
	width: 271px;
	margin: 0px;
	padding: 0px;
}

/* Firefox印刷対応 */
@media print {
#contents_right, x:-moz-any-link {
	height: auto;
	width: 271px;
	margin: 0px;
	padding: 0px;
	display:table-cell;
	float:none;
        vertical-align:top;
}
}

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

/*Information表示枠(section要素に定義) */
#information_area {
	height: auto;
	width: 271px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin: 0px;
}

/* タイトル(Information) */
#information_area h1 {
	height: 30px;
	width: 269px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	background-image: url(../image/home/title_information.jpg);
	background-repeat: no-repeat;
	text-align: right;
	padding-top: 17px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* 記事タイトルのリンクカラー */
/* グレー(下線あり)⇒ブルー(下線あり) */
#information_area a {
	color: #484848;
	text-decoration: underline;
}
#information_area a:hover {
	color: #268CAF;
	text-decoration: underline;
}

/* ループ内容が入るクラス(article要素に定義) */
.information_entry {
	height: auto;
	width: 247px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	clear: both;
	background-image: url(../image/home/infomation_line.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* アイコン・日付表示枠 */
.information_entry .date {
	height: auto;
	width: 247px;
	padding: 0px;
	margin: 0px;
	float: left;
}

/* 画像の表示設定 */
.information_entry img {
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
        vertical-align: middle; /* 画像とテキストの中央揃え */
}

/* 記事タイトル(33文字まで表示) */
/* TOPページ：アイコンあり(14文字で改行)、アイコンなし(17文字で改行) */
.information_entry h2 {
	height: auto;
	width: 247px;
	clear: both;
	font-size: 13px;
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

/*------------------------
　Web Topics
-------------------------*/

/* Web Topics表示枠(section要素に定義) */
#webtopics_area {
	height: auto;
	width: 271px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 27px;
	margin-left: 0px;
	clear: both;
	padding: 0px;
}

/* タイトル(Web Topics) */
#webtopics_area h1 {
	height: 30px;
	width: 269px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	background-image: url(../image/home/title_web_topics.jpg);
	background-repeat: no-repeat;
	text-align: right;
	padding-top: 17px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* タブレイアウト枠(aside要素に定義) */
#tabs_area {
	height: auto;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 12px;
	padding: 0px;
	clear: both;
}

/* Tool･Favorite Site･IT内のメインタイトル */
#webtopics_area #tabs_area h2 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #268CAF;
}

/* Tool･Favorite Site･IT内のメインタイトルのリンク */
#webtopics_area #tabs_area h2 a {
	color: #268CAF;
	text-decoration: underline;
}
#webtopics_area #tabs_area h2 a:hover {
	color: #FF6600;
	text-decoration: underline;
}

/*----- Tool & Favorite Site -----*/
/* サムネイル～ツールの種別･用途(サイトの種別･ここがいい)まで */
#webtopics_area #tabs_area .thumimg_ttl {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: auto;
	width: 247px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	clear: both;

}

/* サムネイルレイアウト */
#webtopics_area #tabs_area .thumimg_ttl img {
	margin: 0px;
	padding: 0px;
	float: left;
	vertical-align: middle;
	height: auto;
	width: 98px;
        border-style: solid;
	border-width: 1px;
	border-color: #dcdcdc;
}

/* ツールの種別･サイトの種別 */
#webtopics_area #tabs_area .classification_ttl {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding: 0px;
	line-height: 15px;
	float: right;
	width: 147px;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

/* ツールの種別･サイトの種別 概要：10文字まで */
#webtopics_area #tabs_area .classification_outline {
	font-size: 12px;
	letter-spacing: 0em;
	line-height: 15px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 7px;
	float: right;
	width: 120px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/* 用途･ここがいい */
#webtopics_area #tabs_area .point_ttl {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding: 0px;
	line-height: 15px;
	float: right;
	height: auto;
	width: 147px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

/* 用途･ここがいい 概要：10文字まで */
#webtopics_area #tabs_area .point_outline {
	font-size: 12px;
	letter-spacing: 0em;
	line-height: 15px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 7px;
	float: right;
	width: 120px;
}

/* コメント表示枠 */
#webtopics_area #tabs_area .wt_comment {
	font-size: 12px;
	line-height: 20px;
	margin: 0px;
	height: auto;
	clear: both;
	padding: 0px;
	letter-spacing: 0em;
}

/* コメントタイトル */
#webtopics_area #tabs_area .wt_comment .comment_ttl {
	float: left;
	height: auto;
	width: 247px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding: 0px;
	letter-spacing: 0.05em;
	text-indent: -7px;
}

/* コメント概要：120文字で6行 */
#webtopics_area #tabs_area .wt_comment .comment_outline {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	height: auto;

}

/*----- IT -----*/
/* IT表示枠 */
#webtopics_area #tabs_area dl {
	margin: 0px;
	background-image: url(../image/home/infomation_line.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0px;
	clear: both;
}

/* 日程 */
#webtopics_area #tabs_area dt {
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* タイトル */
#webtopics_area #tabs_area dd {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
}

/* リンク */
#webtopics_area #tabs_area dl a {
	color: #484848;
	text-decoration: underline;
}
#webtopics_area #tabs_area dl a:hover {
	color: #268CAF;
	text-decoration: underline;
}

/*------------------------
　About Site
-------------------------*/

/*About Site表示枠(section要素に定義) */
#aboutsite_area {
	height: auto;
	width: 271px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	clear: both;
}

/* タイトル(About Site) */
#aboutsite_area h1 {
	height: 30px;
	width: 269px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	background-image: url(../image/home/title_about_site.jpg);
	background-repeat: no-repeat;
	text-align: right;
	padding-top: 17px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* 概要 */
.outline {
	padding: 0px;
	clear: both;
	height: auto;
	width: 235px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	line-height: 20px;
}

/* お問い合わせへのリンクカラー */
/* グレー(下線あり)⇒ブルー(下線あり) */
#aboutsite_area a {
	color: #484848;
	text-decoration: underline;
}
#aboutsite_area a:hover {
	color: #268CAF;
	text-decoration: underline;
}

/*------------------------
　Profile
-------------------------*/

/* Profile表示枠(section要素に定義) */
#profile_area {
	height: auto;
	width: 271px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
}

/* タイトル(Profile) */
#profile_area h1 {
	height: 30px;
	width: 269px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	background-image: url(../image/home/title_profile.jpg);
	background-repeat: no-repeat;
	text-align: right;
	padding-top: 17px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* ひと言コメント */
.one_comment {
	clear: both;
	height: auto;
	width: 223px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../image/common/back1.jpg);
	background-position: center top;
	background-repeat: repeat;
	letter-spacing: 0em;
	color: #268CAF;
	padding: 12px;
	position: relative;  /* CSS3 PIEで無効化されたCSSも適応 */
	border-radius: 15px;  /* 角丸の半径 */
	behavior: url(/cms/wp-content/themes/webcreator-net/PIE.htc); /* PIE.htcのパス */
}

/* 吹き出し下部 */
.one_comment_bottom {
	background-image: url(../image/home/comment_bottom.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	clear: both;
	height: 13px;
	width: 247px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/* プロフィール概要 */
.profile_outline {
	padding: 0px;
	clear: both;
	height: auto;
	width: 247px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	overflow: auto;
}

/* アバターイメージ */
.profile_outline img.avator_top {
	margin: 0px;
	padding: 0px;
	float: left;
	vertical-align: middle;
}

/* 紹介文 */
.introduction {
	margin: 0px;
	float: right;
	height: auto;
	width: 157px;
	letter-spacing: 0em;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

/* Link */
.sns_link {
	height: auto;
	width: 215px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../image/home/click.jpg);
	background-repeat: no-repeat;
	background-position: 162px 0px;
}
.sns_link img {
	vertical-align: middle;
	margin-right: 8px;
}