@charset "utf-8";
@import url(reset.css);
@import url(common.css);

/* ==========================================================================================
	--HOME
========================================================================================== */
body#home #doc .container {padding-top: 20px;}
body#home #doc #content #slideshow {width: 830px; height: 500px; margin: 0 -15px 20px;}
body#home #doc #content #slideshow h1 {width: 830px; height: 500px; margin: 0; padding-left: 0; background: none; line-height: 1.5;}
body#home #doc #content #slideshow p {display: none;}
body#home #doc #content #main_content {margin-top: -9px;}

/*	@Sec
-------------------------------------------------------------------------------------------*/
body#home #doc #content .row {width: 100%; margin-bottom: 5px;}
body#home #doc #content .row .frame {position: relative; width: 100%; height: 290px; overflow: auto;}
body#home #doc #content .row .frame img {padding: 5px; border: 1px solid #d4c29f;}
body#home #doc #content .row .frame h2 {margin-bottom: 5px; color: #d0ad69; font-size: 108%;}

/*	@Sec_news
-------------------------------------------------------------------------------------------*/
body#home #doc #content #sec_news .frame {overflow:hidden;}
body#home #doc #content #sec_news .frame .news_inner {margin-right:-9px; overflow:hidden;}
body#home #doc #content #sec_news .frame article {width: 156px; height: 268px; margin-right:9px; padding: 10px 5px; border: 1px solid #d4c29f; background-color: #000; text-align: center; float:left;}
body#home #doc #content #sec_news .frame article:hover {background-color: #222; text-decoration:none;}
body#home #doc #content #sec_news .frame article img {margin-bottom: 5px;}
body#home #doc #content #sec_news .frame article .article-content {text-align: left;}
body#home #doc #content #sec_news .frame article .article-content time {}
/*body#home #doc #content #sec_news .frame article .article-content h2 {height: 2.5em; overflow: hidden;}*/
body#home #doc #content #sec_news .frame article .article-content p {display: none;}
body#home #doc #content #sec_news .frame article .more {position: absolute; right: 5px; bottom: 5px;}

/*	@Sec_newface
-------------------------------------------------------------------------------------------*/
body#home #doc #content #sec_newface .frame article {margin: -1px 5px 0 0; padding: 10px 10px 10px 0; border-top: 1px dashed #382e1c; overflow: hidden;}
body#home #doc #content #sec_newface .frame article img {float: left; margin-right: 10px;}
body#home #doc #content #sec_newface .frame article div {overflow: hidden;}
body#home #doc #content #sec_newface .frame article div time {text-align: right;}
body#home #doc #content #sec_newface .frame article div p {display: block;}

/*	@Sec_therapist
-------------------------------------------------------------------------------------------*/
body#home #doc #content #sec_therapist {}
body#home #doc #content #sec_therapist .jcarousel-clip {width: 100%; overflow: hidden;}
body#home #doc #content #sec_therapist ul {}
body#home #doc #content #sec_therapist ul li {float: left; width: 98px; margin-right: 7px; text-align: center; line-height: 1.2;}
body#home #doc #content #sec_therapist ul li a {color: #eddeb8; line-height: 1.2;}
body#home #doc #content #sec_therapist ul li a:hover {color: #fff; text-decoration: none;}
body#home #doc #content #sec_therapist ul li a img {padding: 3px; border: 1px solid #d4c29f;}
body#home #doc #content #sec_therapist ul li a:hover img {border: 1px solid #fff;}
body#home #doc #content #sec_therapist ul li a strong {display: block;}

/*	@jcarousel
-------------------------------------------------------------------------------------------*/
/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 134px;
    cursor: pointer;
    background: transparent url(../sundar_img/home/next-horizontal.png) no-repeat 0 0;
}
..jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../sundar_img/home/prev-horizontal.png);
}
.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}
.jcarousel-next-horizontal:active {
    background-position: -64px 0;
}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
.jcarousel-prev-horizontal {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 134px;
    cursor: pointer;
    background: transparent url(../sundar_img/home/prev-horizontal.png) no-repeat 0 0;
}

..jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../sundar_img/home/next-horizontal.png);
}
.jcarousel-prev-horizontal:hover, 
.jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}
.jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/* ==========================================================================================
	--NEWS
========================================================================================== */
body#news #doc #content .frame {width: 100%; margin-top: -20px; overflow: hidden;}
body#news #doc #content article {margin: -1px 5px 0 0; padding: 20px 10px 20px 0; border-top: 1px dashed #382e1c; overflow: hidden;}
body#news #doc #content article img {float: left; margin-right: 10px; padding: 5px; border: 1px solid #d4c29f;}
body#news #doc #content article div {overflow: hidden;}
body#news #doc #content article div time {margin-bottom: 8px; text-align: right;}
body#news #doc #content article div h2 {margin-bottom: 1em; color: #d0ad69; font-size: 108%;}
body#news #doc #content article div p {color: #fff; font-size: 108%; line-height: 1.6;}

body#news #doc #content .pagination {text-align: center;}

/* ==========================================================================================
	--CONCEPT
========================================================================================== */
body#concept #doc #content .first {font-size: 150%;}
body#concept #doc #content p {line-height: 1.8;}
body#concept #doc #content div {min-height: 515px; height: auto !important; height: 515px; padding-right: 311px; background: url(../sundar_img/concept/fig.png) no-repeat right top;}
body#concept #doc #content section {padding-top: 40px;}
body#concept #doc #content section h2 {margin-bottom: 10px; color: #e687bc; font-size: 150%; font-weight: normal;}
body#concept #doc #content section p {font-size: 116%;}

body#concept #doc #content #list_01 { width:800px; padding:0; margin:20px 0 0 0; background:#000000 none; clear:both; }
body#concept #doc #content #list_01 .big { height:533px; overflow:hidden;}
body#concept #doc #content #list_01 .small li{ float:left;}
body#concept #doc #content #list_01{}

/* ==========================================================================================
	--SERVICE
========================================================================================== */
body#service #content .frame {width: 780px; margin: 0 auto 40px;}
body#service #content .frame h2 {margin-bottom: 10px; font-size: 139%; font-weight: normal;}
body#service #content .frame h2 strong {padding-right: 10px; font-size: 200%; font-family: 'Lora', 'Times New Roman', serif;}

body#service #content .frame section {width: 368px; margin-bottom: 10px; padding: 10px 5px; border: 1px solid #fdeec4; background: url(../sundar_img/service/bg.png) repeat left top;}
body#service #content .frame section .corner{ position:absolute; left:0; top:0; border:0; }

body#service #content .frame section h3 { margin-bottom: 7px; font-size: 150%; font-weight: normal; color: #FFFFFF; text-align: left;}
body#service #content .frame section p {font-size: 116%;}
body#service #content .frame section img {float: left; margin-right: 8px; border:1px solid #FCE9C0;}
body#service #content .frame section div { padding:20px 0 0 0; background:url(../sundar_img/service/line.png) no-repeat center top; overflow: hidden;}
body#service #content .frame section h4 { clear:both; font-size:300%; text-align: right; }
body#service #content .frame section h4 span{ font-size:50%;} 
body#service #content .frame section.first {width: 370px; border: none; background: transparent url(../sundar_img/service/icon.png) no-repeat;}
/*body#service #content .frame section.first {width: 740px; border: none; background: transparent url(../sundar_img/service/icon.png) no-repeat;}*/
body#service #content .frame section.first h3 {margin-bottom: 15px; padding-left: 55px; color: #bfa979;}
body#service #content .frame section.first p {line-height: 1.8;}

body#service #content .campaign { clear:both; margin:10px 0; padding:20px; background: #990000; border:1px solid #FCE9C0; font-size:20px;}
body#service #content .campaign span {font-size:150%; font-weight:bold;}

body#service #content .frame aside {clear: both; width: 100%;}
body#service #content .frame aside p,
body#service #content .frame aside ul li {padding: 5px 0 5px 38px; background: url(../sundar_img/common/icon.png) no-repeat; color: #e687bc; font-size: 150%;}
body#service #content .frame aside ul li {background-position: 0 5px;}
body#service #content .frame aside p small {display: inline; padding-left: 1em; color: #fce9c0; font-size: 80%;}
body#service #content .frame aside p a {text-decoration: underline;}
body#service #content .frame aside p a:hover {text-decoration: none;}
body#service #content .frame aside ul {}
body#service #content .frame aside p strong,
body#service #content .frame aside ul li strong {padding-left: 15px; color: #fce9c0; font-size: 133%;}

/* ==========================================================================================
	--THERAPIST
========================================================================================== */
.icons {width: 100% !important; height: 23px; overflow: hidden;}
.icons .icon {float: left; width: 68px !important; height: 21px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #a19481 !important; text-align: center; line-height: 21px;}
.icons .icon-today {background-image: -moz-linear-gradient(-90deg,rgb(237, 229, 178) 0%,rgb(212, 199, 102) 50%,rgb(166, 149, 0) 51%,rgb(213, 201, 113) 100%); background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(237, 229, 178)),color-stop(0.5, rgb(212, 199, 102)),color-stop(0.5, rgb(166, 149, 0)),color-stop(1, rgb(213, 201, 113))); background-image: -o-linear-gradient(-90deg,rgb(237, 229, 178) 0%,rgb(212, 199, 102) 50%,rgb(166, 149, 0) 51%,rgb(213, 201, 113) 100%); background-image: -ms-linear-gradient(-90deg,rgb(237, 229, 178) 0%,rgb(212, 199, 102) 50%,rgb(166, 149, 0) 51%,rgb(213, 201, 113) 100%); background-image: linear-gradient(-90deg,rgb(237, 229, 178) 0%,rgb(212, 199, 102) 50%,rgb(166, 149, 0) 51%,rgb(213, 201, 113) 100%); color: #000;}
.icons .icon-newface {background-image: -moz-linear-gradient(-90deg,rgb(248, 219, 219) 0%,rgb(238, 180, 183) 52%,rgb(219, 124, 138) 52%,rgb(238, 184, 187) 100%); background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(248, 219, 219)),color-stop(0.5, rgb(238, 180, 183)),color-stop(0.5, rgb(219, 124, 138)),color-stop(1, rgb(238, 184, 187))); background-image: -o-linear-gradient(-90deg,rgb(248, 219, 219) 0%,rgb(238, 180, 183) 52%,rgb(219, 124, 138) 52%,rgb(238, 184, 187) 100%); background-image: -ms-linear-gradient(-90deg,rgb(248, 219, 219) 0%,rgb(238, 180, 183) 52%,rgb(219, 124, 138) 52%,rgb(238, 184, 187) 100%); background-image: linear-gradient(-90deg,rgb(248, 219, 219) 0%,rgb(238, 180, 183) 52%,rgb(219, 124, 138) 52%,rgb(238, 184, 187) 100%); color: #ce1974;}
.icons .icon-confirmation {background-image: -moz-linear-gradient(-90deg,rgb(190, 184, 169) 0%,rgb(178, 171, 152) 52%,rgb(150, 142, 118) 52%,rgb(174, 168, 149) 100%); background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(190, 184, 169)),color-stop(0.5, rgb(178, 171, 152)),color-stop(0.5, rgb(150, 142, 118)),color-stop(1, rgb(174, 168, 149))); background-image: -o-linear-gradient(-90deg,rgb(190, 184, 169) 0%,rgb(178, 171, 152) 52%,rgb(150, 142, 118) 52%,rgb(174, 168, 149) 100%); background-image: -ms-linear-gradient(-90deg,rgb(190, 184, 169) 0%,rgb(178, 171, 152) 52%,rgb(150, 142, 118) 52%,rgb(174, 168, 149) 100%); background-image: linear-gradient(-90deg,rgb(190, 184, 169) 0%,rgb(178, 171, 152) 52%,rgb(150, 142, 118) 52%,rgb(174, 168, 149) 100%); color: #fff;}

body#therapist #doc #content ul {width: 800px; margin: 0 -10px 0 10px; overflow: hidden;}
body#therapist #doc #content ul li {float: left; width: 140px; margin: 0 10px 10px 0; padding: 4px; border: 1px solid #fdeec4; text-align: center;}
body#therapist #doc #content ul li a {display: block;}
body#therapist #doc #content ul li a:hover {text-decoration: none;}
body#therapist #doc #content ul li img {margin-bottom: 3px;}
body#therapist #doc #content ul li h2 {font-weight: normal; line-height: 1.2;}
body#therapist #doc #content ul li h2 strong {display: block;}
body#therapist #doc #content ul li .icons {margin: 3px 0 5px; background-color: #000;}
body#therapist #doc #content ul li p {}

/*	@Detail
-------------------------------------------------------------------------------------------*/
body#detail {background: #000 none; color: #fff;}
body#detail #wrapper {width: 750px; height: 570px; margin: 0 auto; padding: 30px 0; background: #000; color: #fff;}

/* photos */
body#detail #wrapper #photos {float: left; width: 300px; overflow: hidden;}
body#detail #wrapper #photos li {float: left; width: 100px; height: 140px; cursor: pointer;}
body#detail #wrapper #photos li:first-child,
body#detail #wrapper #photos li.first-child {width: 300px; height: 420px; margin-bottom: 5px; cursor: default;}

body#detail #wrapper #main {float: right; width: 430px;}

/* header */
body#detail #wrapper #main header {width: 100%;}
body#detail #wrapper #main header h1 {margin-bottom: 10px; font-weight: normal;}
body#detail #wrapper #main header h1 strong {display: block; font-size: 139%;}
body#detail #wrapper #main header .icons {margin-bottom: 10px;}
body#detail #wrapper #main header .icons li {margin-right: 10px !important;}

/* content */
body#detail #wrapper #main .frame {width: 100%; margin-bottom: 30px;}
body#detail #wrapper #main .frame table {width: 100%; margin-bottom: 20px; border: 1px solid #a19481;}
body#detail #wrapper #main .frame table tr th {padding: 0.5em; border: none; color: #CC3300; font-weight: normal; text-align: left; vertical-align: middle;}
body#detail #wrapper #main .frame table tr td {padding: 0.5em; border: none; color: #fff; vertical-align: middle;}
body#detail #wrapper #main .frame table .odd th,
body#detail #wrapper #main .frame table .odd td {background-color: #e6e2d9;}
body#detail #wrapper #main .frame table .even th,
body#detail #wrapper #main .frame table .even td {background-color: #c7c0af;}

body#detail #wrapper #main .frame section {width: 100%;}
body#detail #wrapper #main .frame section h2 {border-top: 1px solid #fff; text-align: center;}
body#detail #wrapper #main .frame section h2 span {position: relative; top: -0.5em; padding: 0 1em; background-color: #000;}
body#detail #wrapper #main .frame section div {height: 130px; overflow: auto;}
body#detail #wrapper #main .frame section div p {padding: 10px; font-size: 108%; line-height: 1.6;}

/* footer */
body#detail #wrapper #main footer {width: 100%;}
body#detail #wrapper #main footer p {text-align: right;}

/* ==========================================================================================
	--SHOPINFO
========================================================================================== */
body.shopinfo #content #holder {width: 775px; margin: 0 auto;}
body.shopinfo #content #holder h1 {width: 735px; height: 100px; margin: 0 0 18px; padding: 60px 0 0 40px; color: #fff; font-size: 139%; line-height: 1.3;}
body.shopinfo #content #holder h1 span {display: block; font-size: 67%;}
body.shopinfo #content #holder h2 strong,
body.shopinfo #content #holder #sidebar h2 {color: #fce9c0; font-family: 'Lora','Times New Roman',serif;}
body.shopinfo #content #holder .frame {position: relative; width: 100%; overflow: auto;}

/*	@Main content
-------------------------------------------------------------------------------------------*/
body.shopinfo #content #holder #main_content {float: left; width: 524px; margin-right: 23px;}
body.shopinfo #content #holder #main_content section {margin-bottom: 25px;}
body.shopinfo #content #holder #main_content section h2 {position: relative; width: 508px; height: 46px; margin: 0 0 22px -14px; padding-left: 30px; background: url(../sundar_img/shopinfo/common/bg_title.png) no-repeat; line-height: 46px;}
body.shopinfo #content #holder #main_content section h2 strong {padding-right: 0.5em; font-size: 250%;}
body.shopinfo #content #holder #main_content section article {margin: 0 10px 20px 0; padding-bottom: 20px;}
body.shopinfo #content #holder #main_content section article:last-child {margin-bottom: 0; border: none;}

/* sec_event */
body.shopinfo #content #holder #main_content #sec_event .frame {height: 365px;}
body.shopinfo #content #holder #main_content #sec_event article { border-bottom: 1px solid #a19481; overflow: hidden;}
body.shopinfo #content #holder #main_content #sec_event article:last-child {border: none; margin-bottom: 0;}
body.shopinfo #content #holder #main_content #sec_event article img {float: left; margin-right: 15px; padding: 4px; border: 1px solid #f0e0b9;}
body.shopinfo #content #holder #main_content #sec_event article div {overflow: hidden;}
body.shopinfo #content #holder #main_content #sec_event article div h3 {margin-bottom: 10px; padding: 7px 5px; background-color: #3d1111; color: #fff;}
body.shopinfo #content #holder #main_content #sec_event article div p {line-height: 1.6;}

/* sec_news */
body.shopinfo #content #holder #main_content #sec_news .frame {height: 200px;}
body.shopinfo #content #holder #main_content #sec_news article {padding-bottom: 20px; border-bottom: 1px dashed #382e1c; overflow: hidden;}
body.shopinfo #content #holder #main_content #sec_news article:last-child {margin-bottom: 0; border: none;}
body.shopinfo #content #holder #main_content #sec_news article img {float: left; margin-right: 10px; padding: 5px; border: 1px solid #d4c29f;}
body.shopinfo #content #holder #main_content #sec_news article div {overflow: hidden;}
body.shopinfo #content #holder #main_content #sec_news article div time {margin-bottom: 8px; text-align: right;}
body.shopinfo #content #holder #main_content #sec_news article div h3 {margin-bottom: 1em; color: #d0ad69; font-size: 108%;}
body.shopinfo #content #holder #main_content #sec_news article div p {color: #fff; font-size: 108%; line-height: 1.6;}

/* sec_therapist */
body.shopinfo #content #holder #main_content #sec_therapist .frame {width: 510px; padding-right: 0;}
body.shopinfo #content #holder #main_content #sec_therapist .jcarousel-clip {width: 100%; overflow: hidden;}
body.shopinfo #content #holder #main_content #sec_therapist ul {}
body.shopinfo #content #holder #main_content #sec_therapist ul li {float: left; width: 98px; margin-right: 4px; text-align: center; line-height: 1.2;}
body.shopinfo #content #holder #main_content #sec_therapist ul li a {color: #eddeb8; line-height: 1.2;}
body.shopinfo #content #holder #main_content #sec_therapist ul li a:hover {text-decoration: none;}
body.shopinfo #content #holder #main_content #sec_therapist ul li a img {padding: 3px; border: 1px solid #d4c29f;}
body.shopinfo #content #holder #main_content #sec_therapist ul li a:hover img {border: 1px solid #fff;}
body.shopinfo #content #holder #main_content #sec_therapist ul li a strong {display: block;}

/*	@Sidebar
-------------------------------------------------------------------------------------------*/
body.shopinfo #content #holder #sidebar {float: left; width: 228px;}
body.shopinfo #content #holder #sidebar aside,
body.shopinfo #content #holder #sidebar section {margin-bottom: 25px;}
body.shopinfo #content #holder #sidebar section h2 {margin-bottom: 5px;}

/* asi_intro */
body.shopinfo #content #holder #sidebar #asi_intro {}
body.shopinfo #content #holder #sidebar #asi_intro img {margin-bottom: 5px; border: 1px solid #f2e2b9;}
body.shopinfo #content #holder #sidebar #asi_intro p {line-height: 1.6;}

/* asi_map */
body.shopinfo #content #holder #sidebar #asi_map {}
body.shopinfo #content #holder #sidebar #asi_map .map {width: 226px; height: 226px; margin-bottom: 5px; border: 1px solid #f2e2b9;}
body.shopinfo #content #holder #sidebar #asi_map dl {}
body.shopinfo #content #holder #sidebar #asi_map dl dt {margin-bottom: 5px; color: #fff; font-weight: bold;}
body.shopinfo #content #holder #sidebar #asi_map dl dd {margin-bottom: 7px;}

/* sec_blog */
body.shopinfo #content #holder #sidebar #sec_blog {width: 226px;}
body.shopinfo #content #holder #sidebar #sec_blog h2 {height: 46px; padding-left: 15px; background: url(../sundar_img/shopinfo/common/bg_subttl.png) no-repeat; line-height: 46px;}
body.shopinfo #content #holder #sidebar #sec_blog .frame {height: 202px;}
body.shopinfo #content #holder #sidebar #sec_blog ul {}
body.shopinfo #content #holder #sidebar #sec_blog ul li {margin-right: 10px; padding: 9px 0; border-bottom: 1px solid #fdeec4; overflow: hidden;}
body.shopinfo #content #holder #sidebar #sec_blog ul li a {width: auto; height: auto; border: none; overflow: hidden;}
body.shopinfo #content #holder #sidebar #sec_blog ul li img {float: left; margin-right: 10px;}
body.shopinfo #content #holder #sidebar #sec_blog ul li div {overflow: hidden;}
body.shopinfo #content #holder #sidebar #sec_blog ul li div h3 {margin: 0.6em 0;}
body.shopinfo #content #holder #sidebar #sec_blog ul li div p {color: #e43778;}

/* Nihonbashi */
body#shop_nihonbashi #content #holder h1 {background: url(../sundar_img/shopinfo/nihonbashi/banner.jpg) no-repeat;}

/* ==========================================================================================
	--EVENT
========================================================================================== */
body#event #content {}
body#event #content article {width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #a19481; overflow: hidden;}
body#event #content article:last-child {border: none;}
body#event #content article img {float: left; margin-right: 15px; padding: 4px; border: 1px solid #f0e0b9;}
body#event #content article div {overflow: hidden;}
body#event #content article div h2 {margin-bottom: 10px; padding: 7px 5px; background-color: #3d1111; color: #fff;}
body#event #content article div p {line-height: 1.6;}

/* ==========================================================================================
	--ACCESS
========================================================================================== */
body#access #content section {width: 750px; margin: 0 auto;}
body#access #content section h2 {margin-bottom: 5px;}
body#access #content section .map {width: 748px; height: 398px; margin-bottom: 20px; border: 1px solid #f0e0b9;}
body#access #content section table {}
body#access #content section table tr td strong {display: block; font-size: 200%; font-family: 'Lora', 'Times New Roman', serif;}

/* ==========================================================================================
	--CONTACT
========================================================================================== */
body#contact #content .warning {text-align: right;}
body#contact #content .privacy {width:660px; margin:0px auto; padding:30px 0px;}
body#contact_confirmation #content .privacy {width:660px; margin:0px auto; padding:30px 0px;}
/* ==========================================================================================
	--MAILMAGAZINE
========================================================================================== */
body#mailmagazine #content h1 {margin-bottom: 10px;}
body#mailmagazine #content div {min-height: 626px; height: auto !important; height: 626px; background: url(../sundar_img/mailmagazine/bg.png) no-repeat center top;}
body#mailmagazine #content div section,
body#mailmagazine #content div aside {zoom: 1;}
body#mailmagazine #content div section h2 {margin-bottom: 5px; color: #e372ac; font-size: 139%; font-weight: normal;}
body#mailmagazine #content div a {text-decoration: underline;}
body#mailmagazine #content div a:hover {text-decoration: none;}

body#mailmagazine #content div .first {margin: 0 0 30px 410px; padding-top: 30px;}
body#mailmagazine #content div .first ul {font-size: 116%; line-height: 2;}
body#mailmagazine #content div .first ul li {}

body#mailmagazine #content div .second {margin: 0 45px 20px 0; padding-top: 1px; text-align: right; overflow: hidden;}
body#mailmagazine #content div .second img {float: right; margin-left: 10px; padding: 10px 12px; border: 1px solid #efe0b9;}
body#mailmagazine #content div .second h2 {padding-top: 8px;}
body#mailmagazine #content div .second p {float: right; font-size: 116%; line-height: 2;}

body#mailmagazine #content div .third {margin-left: 380px;}
body#mailmagazine #content div .third p,
body#mailmagazine #content div .third dl {padding-left: 38px; background: url(../sundar_img/common/icon.png) no-repeat left top; font-size: 116%; line-height: 2;}
body#mailmagazine #content div .third p {margin-bottom: 20px;}
body#mailmagazine #content div .third p strong {color: #e34554;}
body#mailmagazine #content div .third dl dt {color: #e372ac;}

/* ==========================================================================================
	--RECRUIT
========================================================================================== */
body#recruit #content figure {float: left; width: 228px; font-size: 108%;}
body#recruit #content figure img {margin-bottom: 5px; border: 1px solid #f0e189;}
body#recruit #content figure figcaption {}
body#recruit #content table {float: right; width: 547px; border: 1px solid #a19481; background-color: #e6e2d9; font-size: 108%;}
body#recruit #content table tr th,
body#recruit #content table tr td {padding: 10px; border: none;}
body#recruit #content table tr th {width: 100px; text-align: left; white-space: nowrap;}
body#recruit #content table tr td {}
body#recruit #content table tr td strong {display: block; font-size: 200%; font-family: 'Lora', 'Times New Roman', serif;}

/* ==========================================================================================
	--LINK
========================================================================================== */
body#link #content table {margin-bottom: 50px;}
body#link #content table tr th,
body#link #content table tr td {line-height: 2;}
body#link #content table a {color: #230a0a;}
body#link #content table img {margin-right: 20px; vertical-align: bottom;}

body#link #content div {width: 706px; margin: 0 auto 50px;}
body#link #content ul {width: 721px; margin-right: -15px; overflow: hidden;}
body#link #content ul li {float: left; margin: 0 15px 15px 0;}